new middle

Screenshot

Issue screenshot

Stored at legacy-import/issues/136/1772476889139-9ef7ae8a-2413-4d7e-8200-5db33d0e0345.png

Metadata

Selector candidates
[
  {
    "matches": 3,
    "score": 60,
    "selector": "div:nth-of-type(12)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 3,
    "score": 58,
    "selector": "div \u003e div \u003e div \u003e div \u003e div \u003e div:nth-of-type(12)",
    "strategy": "ancestor-path"
  }
]
Target fingerprint
{
  "ancestorPath": [
    "div",
    "div",
    "div",
    "div",
    "div",
    "div"
  ],
  "ariaLabel": null,
  "className": null,
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "Meet \u0026 Greet ๐Ÿค Booking confirmed Pet Boarding โ€ข 3 mars โ€“ 4 mars Your booking is confirmed! Before the stay, we recommen"
}
Secondary signal
{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "eE",
    "ss",
    "Content",
    "o",
    "D",
    "B",
    "x",
    "c",
    "f",
    "T",
    "E"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}
Layout evidence
bbox:
{
  "bottom": 993,
  "height": 303,
  "left": 664,
  "right": 1864,
  "top": 690,
  "width": 1200,
  "x": 664,
  "y": 690
}

viewport:
{
  "height": 1120,
  "width": 1920
}

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

screenshotMarks:
[]
DOM excerpt
<div><div class="bg-white border border-[#E3EDF7] rounded-2xl p-5 w-full max-w-[500px] shadow-[0_1px_2px_rgba(0,0,0,0.04)] mx-auto"><div class="flex items-start gap-4 mb-4"><div class="w-10 h-10 rounded-full flex items-center justify-center shrink-0 mt-1 bg-[#E9F4FD] text-[#7fbce6]"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" class="text-base" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M323.4 85.2l-96.8 78.4c-16.1 13-19.2 36.4-7 53.1c12.9 17.8 38 21.3 55.3 7.8l99.3-77.2c7-5.4 17-4.2 22.5 2.8s4.2 17-2.8 22.5l-20.9 16.2L512 316.8 512 128l-.7 0-3.9-2.5L434.8 79c-15.3-9.8-33.2-15-51.4-15c-21.8 0-43 7.5-60 21.2zm22.8 124.4l-51.7 40.2C263 274.4 217.3 268 193.7 235.6c-22.2-30.5-16.6-73.1 12.7-96.8l83.2-67.3c-11.6-4.9-24.1-7.4-36.8-7.4C234 64 215.7 69.6 200 80l-72 48 0 224 28.2 0 91.4 83.4c19.6 17.9 49.9 16.5 67.8-3.1c5.5-6.1 9.2-13.2 11.1-20.6l17 15.6c19.5 17.9 49.9 16.6 67.8-2.9c4.5-4.9 7.8-10.6 9.9-16.5c19.4 13 45.8 10.3 62.1-7.5c17.9-19.5 16.6-49.9-2.9-67.8l-134.2-123zM16 128c-8.8 0-16 7.2-16 16L0 352c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-224-80 0zM48 320a16 16 0 1 1 0 32 16 16 0 1 1 0-32zM544 128l0 224c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32l0-208c0-8.8-7.2-16-16-16l-80 0zm32 208a16 16 0 1 1 32 0 16 16 0 1 1 -32 0z"></path></svg></div><div class="flex-1"><h3 class="text-[#1F2937] text-lg font-semibold leading-tight mb-1">Meet &amp; Greet ๐Ÿค</h3><div class="inline-flex items-center gap-1.5 mb-2 px-2 py-1 rounded-full bg-green-50 text-green-700 text-xs font-medium"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-[10px]" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg><span>Booking confirmed</span></div><p class="text-[#6B7280] text-sm mb-2">Pet Boarding โ€ข 3 mars โ€“ 4 mars</p><p class="text-[#6B7280] text-sm leading-relaxed mb-3">Your booking is confirmed! Before the stay, we recommend meeting estelle in person to make sure everyone feels comfortable.</p></div></div><div class="flex flex-col items-center gap-3 mt-2"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[>svg]:px-4 w-full bg-[#7fbce6] text-white h-11 px-4 rounded-xl text-[15px] font-medium transition-colors shadow-sm hover:bg-[#6ca8d1]" type="button" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.tsx">View Meet &amp; Greet</button><button type="button" class="text-[#6B7280] text-sm font-medium hover:text-[#7fbce6] hover:underline transition-colors pb-1" data-sentry-component="InlineLinkAction" data-sentry-source-file="RequestFlowStateCard.tsx">View booking details</button></div></div></div>

Thread

No comments yet.