new low

Screenshot

Issue screenshot

Stored at legacy-import/issues/74/1771875283634-51b7e578-e9dc-43bc-aed0-9e6007c8630d.png

Metadata

Selector candidates
[
  {
    "matches": 6,
    "score": 76,
    "selector": "div.bg-card.text-card-foreground.flex",
    "strategy": "class"
  },
  {
    "matches": 93,
    "score": 60,
    "selector": "div:nth-of-type(2)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 79,
    "score": 58,
    "selector": "div \u003e div \u003e div \u003e div \u003e div \u003e div:nth-of-type(2)",
    "strategy": "ancestor-path"
  }
]
Target fingerprint
{
  "ancestorPath": [
    "#radix-_r_3l_",
    "div",
    "div",
    "div",
    "div",
    "div"
  ],
  "ariaLabel": null,
  "className": "bg-card text-card-foreground flex flex-col rounded-xl border py-6 gap-6 shadow-sm",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "Policy Details Policy Status before cutoff Cutoff Period 24 hours Cancellation Time 2026-02-23T19:31:11.321Z Applied Rul"
}
Secondary signal
{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "i",
    "R",
    "StandardDrawerBody",
    "Primitive.div",
    "DismissableLayer",
    "Primitive.div.SlotClone",
    "Primitive.div.Slot",
    "FocusScope",
    "Presence",
    "DialogContent",
    "Drawer.Content"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}
Layout evidence
bbox:
{
  "bottom": 427,
  "height": 224,
  "left": 447,
  "right": 1167,
  "top": 203,
  "width": 720,
  "x": 447,
  "y": 203
}

viewport:
{
  "height": 1000,
  "width": 1191
}

scroll:
{
  "x": 0,
  "y": 0
}

screenshotMarks:
[]
DOM excerpt
<div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border py-6 gap-6 shadow-sm" data-testid="cancellation-preview-policy" data-sentry-component="Card" data-sentry-source-file="card.tsx"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-3" data-sentry-component="CardHeader" data-sentry-source-file="card.tsx"><div data-slot="card-title" class="font-semibold text-base" data-sentry-component="CardTitle" data-sentry-source-file="card.tsx">Policy Details</div></div><div data-slot="card-content" class="px-6 space-y-1 text-sm" data-sentry-component="CardContent" data-sentry-source-file="card.tsx"><div class="flex items-center justify-between gap-3"><span class="text-muted-foreground">Policy Status</span><span class="font-medium">before cutoff</span></div><div class="flex items-center justify-between gap-3"><span class="text-muted-foreground">Cutoff Period</span><span class="font-medium">24 hours</span></div><div class="flex items-center justify-between gap-3"><span class="text-muted-foreground">Cancellation Time</span><span class="font-medium">2026-02-23T19:31:11.321Z</span></div><div class="flex items-baseline justify-between gap-3"><span class="text-muted-foreground">Applied Rule</span><span class="font-medium text-right">Cancelled before 24h cutoff</span></div></div></div>

Thread

No comments yet.