Standalone QA Hub
Issue #66
/at/petsitter/dashboard · 2026-03-09 15:16:36
new
middle
Screenshot
Stored at legacy-import/issues/183/1773069396033-2a34e4fa-5fc9-4795-9609-9d8ec34b0fdc.png
Metadata
Selector candidates
[
{
"matches": 3,
"score": 76,
"selector": "div.space-y-6",
"strategy": "class"
},
{
"matches": 232,
"score": 60,
"selector": "div:nth-of-type(1)",
"strategy": "nth-of-type"
},
{
"matches": 21,
"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": "space-y-6",
"href": null,
"id": null,
"name": null,
"role": null,
"tagName": "div",
"textSample": "Dashboard 5.0 rating • 3 bookings Visible to pet owners in Vienna View My ProfileView My Profile Action Required 3 items"
}
Secondary signal
{
"hasFiberInstance": true,
"reactComponentStack": [
"div",
"eC",
"Content",
"o",
"eV",
"x",
"c",
"f",
"T",
"E",
"j",
"u"
],
"reactOwnerStack": [],
"source": "react-fiber"
}
Layout evidence
bbox:
{
"bottom": 4720,
"height": 4734,
"left": 504,
"right": 1736,
"top": -14,
"width": 1232,
"x": 504,
"y": -14
}
viewport:
{
"height": 1120,
"width": 1920
}
scroll:
{
"x": 0,
"y": 0
}
screenshotMarks:
[]
DOM excerpt
<div class="space-y-6" data-sentry-component="PetsitterDashboardV2Desktop" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx"><section id="profile-header" class="bg-white rounded-lg shadow-sm border border-gray-200 mb-6 p-6" data-sentry-component="ProfileHeaderCard" data-sentry-source-file="ProfileHeaderCard.tsx"><div class="flex gap-4 items-center justify-between"><div class="min-w-0"><div class="flex flex-wrap items-center mb-1 gap-y-2"><h2 class="font-bold text-gray-900 text-2xl">Dashboard</h2><div class="ml-3 flex items-center text-sm text-gray-600 bg-gray-50 px-3 py-1 rounded-full"><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-star text-yellow-500 mr-1 w-4 h-4" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span class="font-medium">5.0 rating • 3 bookings</span></div></div><p class="text-gray-600"><span class="text-sm inline-flex items-center text-gray-600 px-0 py-0 rounded-none"><span class="inline-block w-2 h-2 rounded-full mr-2 bg-green-500"></span>Visible to pet owners in Vienna</span></p></div><a class="bg-white border border-gray-300 text-gray-700 rounded-lg font-medium text-center block px-6 py-2.5 hover:bg-gray-50 transition relative group shrink-0" data-sentry-element="Link" data-sentry-source-file="ProfileHeaderCard.tsx" href="/at/petsitter/dashboard-44a0a8-vienna-42372?lang=en">View My Profile<div class="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-1 bg-gray-900 text-white text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap">View My Profile</div></a></div></section><section id="action-required-section" class="bg-amber-50 border border-amber-100 rounded-xl p-6 mb-8"><div class="flex items-center justify-between mb-6"><div class="flex items-center"><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-triangle-alert text-amber-600 text-xl mr-3 w-5 h-5" aria-hidden="true" data-sentry-element="AlertTriangle" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg><h2 class="text-lg font-bold text-gray-900">Action Required</h2></div><span class="bg-amber-100 text-amber-800 text-xs font-bold px-3 py-1 rounded-full">3 items</span></div><div class="space-y-4"><div class="bg-white rounded-lg shadow-sm border border-gray-100 border-l-4 border-l-red-500 p-5 flex flex-col md:flex-row md:items-center justify-between gap-4" data-sentry-component="ActionRequiredCard" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx"><div class="flex-1"><div class="flex items-center gap-2 mb-1"><h3 class="font-bold text-gray-900">New booking request</h3></div><p class="text-sm text-gray-600 mb-2">MAE sent you a booking request. Respond to confirm your availability.</p><div class="flex items-center gap-3 text-sm text-gray-500 mb-2"><div class="flex items-center gap-1.5"><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-calendar w-4 h-4" aria-hidden="true" data-sentry-element="Calendar" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span>Pet Boarding • Mar 12 - Mar 19, 2026</span></div><span class="bg-red-100 text-red-700 text-xs font-semibold px-2 py-0.5 rounded">⏳ 2d left</span></div><div class="flex items-center justify-between md:justify-start gap-4 mt-2 md:mt-0"><span class="font-bold text-gray-900">€385</span></div></div><div class="flex flex-col gap-2 md:flex-row md:gap-3"><a class="order-2 md:order-1 px-6 py-2.5 bg-white border border-gray-300 text-gray-700 hover:bg-gray-50 font-semibold rounded-lg transition-colors whitespace-nowrap text-center" data-sentry-element="Link" data-sentry-source-file="PetsitterDashboardV2Desktop.tsx" href="/at/petsitter/bookings/133027">View request</a><button type="button" class="order-1 md:order-2 px-6 py-2.5 bg-[#7FBCE6] hover:bg-[#5FA5D1] text-white font-semibold rounded-lg transition-colors whitespace-nowrap disabled:opacity-60 disabled:cursor-not-allowed">Accept</button></div></div><div class="bg-white rounded-l
Thread
No comments yet.