qa-user
2026-03-10 10:30:04
Mobile viewport verification screenshot after the fix.
issue-195-mobile-fixed.png
Standalone QA Hub
/at/petsitter/dashboard ยท 2026-03-10 10:30:04
Stored at legacy-import/issues/195/1773077618450-835822a1-73b9-4867-9e4f-ed52b03585d7.png
[
{
"matches": 1,
"score": 74,
"selector": "#score-details-mobile \u003e div:nth-of-type(2)",
"strategy": "scoped-parent-id"
},
{
"matches": 1,
"score": 58,
"selector": "#score-details-mobile \u003e div \u003e div:nth-of-type(2)",
"strategy": "ancestor-path"
},
{
"matches": 6,
"score": 76,
"selector": "div.space-y-3",
"strategy": "class"
},
{
"matches": 129,
"score": 60,
"selector": "div:nth-of-type(2)",
"strategy": "nth-of-type"
}
]
{
"ancestorPath": [
"#score-details-mobile",
"div"
],
"ariaLabel": null,
"className": "space-y-3",
"href": null,
"id": null,
"name": null,
"role": null,
"tagName": "div",
"textSample": "Points Earned Replied to message in 9 min +1 pt Booking confirmed +5 pts Replied to booking request in 14 min +5 pts Poi"
}
{
"hasFiberInstance": true,
"reactComponentStack": [
"div",
"section",
"eq",
"Content",
"o",
"eV",
"x",
"c",
"f",
"T",
"E",
"j"
],
"reactOwnerStack": [],
"source": "react-fiber"
}
bbox:
{
"bottom": 904,
"height": 342,
"left": 33,
"right": 487,
"top": 562,
"width": 454,
"x": 33,
"y": 562
}
viewport:
{
"height": 1120,
"width": 520
}
scroll:
{
"x": 0,
"y": 3199
}
screenshotMarks:
[]
<div class="space-y-3"><div class="p-3 bg-green-50 rounded-lg border border-green-200"><h4 class="text-sm font-semibold text-gray-900 mb-2">Points Earned</h4><div class="space-y-1"><div class="flex justify-between text-xs"><span class="text-gray-700">Replied to message in 9 min</span><span class="text-green-600 font-semibold">+1 pt</span></div><div class="flex justify-between text-xs"><span class="text-gray-700">Booking confirmed</span><span class="text-green-600 font-semibold">+5 pts</span></div><div class="flex justify-between text-xs"><span class="text-gray-700">Replied to booking request in 14 min</span><span class="text-green-600 font-semibold">+5 pts</span></div></div></div><div class="p-3 bg-red-50 rounded-lg border border-red-200"><h4 class="text-sm font-semibold text-gray-900 mb-2">Points Lost</h4><div class="space-y-1"><div class="flex justify-between text-xs"><span class="text-gray-700">Replied to message in 31 min</span><span class="text-red-600 font-semibold">-1 pt</span></div><div class="flex justify-between text-xs"><span class="text-gray-700">Booking request refused</span><span class="text-red-600 font-semibold">-3 pts</span></div><div class="flex justify-between text-xs"><span class="text-gray-700">Replied to booking request in 2 h</span><span class="text-red-600 font-semibold">-3 pts</span></div></div></div><div class="p-3 bg-blue-50 rounded-lg border border-blue-200 text-xs text-gray-700"><strong>Tip:</strong> Maintain a high score by responding quickly, providing excellent service, and keeping your availability up to date.</div></div>
Mobile viewport verification screenshot after the fix.
issue-195-mobile-fixed.png
Full-page mobile verification screenshot after the fix.
issue-195-mobile-fixed-full.png
Fixed locally and verified in DevTools at mobile viewport 520x1120. The mobile score-details section now renders the full rule list instead of truncating to three items (verified: 7 earned rules, 16 lost rules). Added a regression test in tests/integration/petsitter-dashboard/dashboard.integration.test.tsx.