QA Issue #40

new high

URL
https://staging.holidog.com/at/petsitter/messages?conversation=booking%3A132631&pen=true

Pathname
/at/petsitter/messages

Market
AT

Locale
n/a

Scenario
n/a

Created by
estelle boudon

Screenshot

Issue screenshot

Stored at legacy-import/issues/147/1772542668687-849c72cd-e080-4e27-a1ed-6a9b780f5aa1.png

Metadata

Selector candidates

[
  {
    "matches": 10,
    "score": 76,
    "selector": "div.bg-white.border.border-\\[\\#E3EDF7\\]",
    "strategy": "class"
  },
  {
    "matches": 91,
    "score": 60,
    "selector": "div:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 66,
    "score": 58,
    "selector": "div \u003e div \u003e div \u003e div \u003e div \u003e div:nth-of-type(1)",
    "strategy": "ancestor-path"
  }
]

Target fingerprint

{
  "ancestorPath": [
    "div",
    "div",
    "div",
    "div",
    "div",
    "div"
  ],
  "ariaLabel": null,
  "className": "bg-white border border-[#E3EDF7] rounded-2xl p-5 w-full max-w-[500px] shadow-[0_1px_2px_rgba(0,0,0,0.04)]",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "Waiting for payment House Sitting • 22 mai – 23 mai You've accepted the booking request. MAE can now complete the paymen"
}

Secondary signal

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "t3",
    "eE",
    "sa",
    "Content",
    "o",
    "O",
    "I",
    "x",
    "c",
    "f",
    "T"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

Layout evidence

bbox:
{
  "bottom": 807,
  "height": 229,
  "left": 16,
  "right": 516,
  "top": 579,
  "width": 500,
  "x": 16,
  "y": 579
}

viewport:
{
  "height": 992,
  "width": 632
}

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

screenshotMarks:
[]

DOM excerpt

<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)]"><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-green-50 text-green-600"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="text-base" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M342.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 178.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l80 80c12.5 12.5 32.8 12.5 45.3 0l160-160zm96 128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 402.7 54.6 297.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l256-256z"></path></svg></div><div class="flex-1"><h3 class="text-[#1F2937] text-lg font-semibold leading-tight mb-1">Waiting for payment</h3><p class="text-[#6B7280] text-sm mb-2">House Sitting • 22 mai – 23 mai</p><p class="text-[#6B7280] text-sm leading-relaxed mb-3">You've accepted the booking request. MAE can now complete the payment to confirm the booking.</p><p class="text-[#1F2937] text-base font-bold">You'll receive 10,00&nbsp;€ after completion</p></div></div><div class="flex flex-col items-center gap-3 mt-2"><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">See details</button></div></div>

Thread

No comments yet.