QA Issue #24

new low

Status Severity Note

URL
https://staging.holidog.com/at/client/messages?conversation=132469&pen=true

Pathname
/at/client/messages

Market
AT

Locale
n/a

Scenario
n/a

Created by
MAE boudon

Screenshot

Issue screenshot

Stored at legacy-import/issues/86/1771947555618-7b2dae6e-f32e-48f3-9871-11e601a1d362.png

Metadata

Selector candidates

[
  {
    "matches": 6,
    "score": 76,
    "selector": "div.bg-card.text-card-foreground.flex",
    "strategy": "class"
  },
  {
    "matches": 175,
    "score": 60,
    "selector": "div:nth-of-type(1)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 146,
    "score": 58,
    "selector": "div \u003e div \u003e div \u003e div \u003e div \u003e div:nth-of-type(1)",
    "strategy": "ancestor-path"
  }
]

Target fingerprint

{
  "ancestorPath": [
    "#radix-_r_vd_",
    "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": "Refund Summary Total Paid 23,40 € Client Refund 10,20 € Services 10,00 € Insurance 0,20 € Service Fees 0,00 € VAT 0,00 €"
}

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": 423,
  "height": 300,
  "left": 335,
  "right": 1055,
  "top": 123,
  "width": 720,
  "x": 335,
  "y": 123
}

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

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-summary" data-sentry-element="Card" data-sentry-source-file="card.tsx" data-sentry-component="Card"><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-element="CardHeader" data-sentry-source-file="card.tsx" data-sentry-component="CardHeader"><div data-slot="card-title" class="font-semibold text-lg" data-sentry-element="CardTitle" data-sentry-source-file="card.tsx" data-sentry-component="CardTitle">Refund Summary</div></div><div data-slot="card-content" class="px-6 space-y-3" data-sentry-element="CardContent" data-sentry-source-file="card.tsx" data-sentry-component="CardContent"><div class="flex items-baseline justify-between gap-4"><div class="text-sm text-muted-foreground">Total Paid</div><div class="text-sm font-medium">23,40&nbsp;€</div></div><div class="flex items-baseline justify-between gap-4" data-testid="cancellation-preview-client-refund"><div class="text-sm text-muted-foreground">Client Refund</div><div class="text-xl font-semibold text-green-600">10,20&nbsp;€</div></div><div class="grid grid-cols-1 gap-2 text-sm sm:grid-cols-2" data-testid="cancellation-preview-summary-breakdown"><div class="flex items-center justify-between gap-3"><span class="text-muted-foreground">Services</span><span class="font-medium">10,00&nbsp;€</span></div><div class="flex items-center justify-between gap-3"><span class="text-muted-foreground">Insurance</span><span class="font-medium">0,20&nbsp;€</span></div><div class="flex items-center justify-between gap-3"><span class="text-muted-foreground">Service Fees</span><span class="font-medium">0,00&nbsp;€</span></div><div class="flex items-center justify-between gap-3"><span class="text-muted-foreground">VAT</span><span class="font-medium">0,00&nbsp;€</span></div><div class="flex items-center justify-between gap-3"><span class="text-muted-foreground">Non-refundable</span><span class="font-medium text-destructive">13,20&nbsp;€</span></div></div><div class="text-sm text-muted-foreground">Cancelled after 24h cutoff (44%)</div></div></div>

Thread

No comments yet.