QA Issue #14

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/58/1771860525237-8f792ad1-7841-4a48-a1fa-e42b272bd662.png

Metadata

Selector candidates

[
  {
    "matches": 4,
    "score": 76,
    "selector": "div.border-t.border-gray-100.py-6",
    "strategy": "class"
  },
  {
    "matches": 8,
    "score": 60,
    "selector": "div:nth-of-type(4)",
    "strategy": "nth-of-type"
  },
  {
    "matches": 5,
    "score": 58,
    "selector": "div \u003e div \u003e div \u003e div \u003e div \u003e div:nth-of-type(4)",
    "strategy": "ancestor-path"
  }
]

Target fingerprint

{
  "ancestorPath": [
    "#radix-_r_3a_",
    "div",
    "div",
    "div",
    "div",
    "div"
  ],
  "ariaLabel": null,
  "className": "border-t border-gray-100 py-6",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "PRICE BREAKDOWN Service price: EUR 20.00 Holidog Service Fee EUR 3.00 Holivet Insurance (2%) EUR 0.40 Total EUR 23.40"
}

Secondary signal

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "tR",
    "Primitive.div",
    "DismissableLayer",
    "Primitive.div.SlotClone",
    "Primitive.div.Slot",
    "FocusScope",
    "Presence",
    "DialogContent",
    "Drawer.Content",
    "l",
    "Portal"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

Layout evidence

bbox:
{
  "bottom": 769,
  "height": 270,
  "left": 856,
  "right": 1384,
  "top": 499,
  "width": 528,
  "x": 856,
  "y": 499
}

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

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

screenshotMarks:
[]

DOM excerpt

<div class="border-t border-gray-100 py-6"><h4 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-4">Price Breakdown</h4><div class="border-gray-200 rounded-none border-0 p-0"><div class="space-y-2 text-sm w-full"><div class="flex items-center justify-between"><span class="text-gray-600 inline-flex items-center gap-1">Service price:<button type="button" class="inline-flex items-center justify-center p-0" aria-label="Unit rate:" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_r_5r_" data-state="closed" data-slot="popover-trigger" data-sentry-element="PopoverPrimitive.Trigger" data-sentry-component="PopoverTrigger" data-sentry-source-file="popover.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info h-3 w-3 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></button></span><span class="font-medium text-gray-900 tabular-nums whitespace-nowrap"><span class="font-medium" data-sentry-component="PriceDisplay" data-sentry-source-file="price-display.tsx">EUR&nbsp;20.00</span></span></div><div class="flex items-end justify-between gap-2"><span class="text-gray-600 inline-flex flex-col items-start gap-1 min-w-0"><span>Holidog</span><span class="inline-flex items-center gap-1">Service Fee<button type="button" class="inline-flex items-center justify-center p-0" aria-label="Service fee (15%):" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_r_5s_" data-state="closed" data-slot="popover-trigger" data-sentry-element="PopoverPrimitive.Trigger" data-sentry-component="PopoverTrigger" data-sentry-source-file="popover.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info h-3 w-3 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></button></span></span><span class="font-medium text-gray-900 tabular-nums whitespace-nowrap self-end"><span class="font-medium" data-sentry-component="PriceDisplay" data-sentry-source-file="price-display.tsx">EUR&nbsp;3.00</span></span></div><div class="flex items-end justify-between gap-2"><span class="text-gray-600 inline-flex flex-col items-start gap-1 min-w-0"><span>Holivet</span><span class="inline-flex items-center gap-1">Insurance (2%)<button type="button" class="inline-flex items-center justify-center p-0" aria-label="Insurance (2%):" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_r_5t_" data-state="closed" data-slot="popover-trigger" data-sentry-element="PopoverPrimitive.Trigger" data-sentry-component="PopoverTrigger" data-sentry-source-file="popover.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info h-3 w-3 text-gray-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></button></span></span><span class="font-medium text-gray-900 tabular-nums whitespace-nowrap self-end"><span class="font-medium" data-sentry-component="PriceDisplay" data-sentry-source-file="price-display.tsx">EUR&nbsp;0.40</span></span></div><div class="border-t border-gray-100 pt-2 flex items-center justify-between"><span class="font-bold text-gray-900">Total</span><span class="font-bold text-gray-900 tabular-nums whitespace-nowrap"><span class="font-medium" data-sentry-component="PriceDisplay" data-sentry-source-file="price-display.tsx">EUR&nbsp;23.40</span></span></div></div></div></div>

Thread

No comments yet.