Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
1.7 KiB
Manual tests — 24-1 Public Design Foundation
QA 2026-10-31: every acceptance criterion for this task was verified by command or in-browser measurement and the task is Done. The items below are visual-impression checks for Naser, not outstanding criteria.
Automated (passed 2026-10-31, tests/Feature/Design/PublicFoundationTest.php, 7 tests): public.css fully
scoped under body.site; / carries <body class="site, Markazi font link, hashed public css/js, .site-progress;
admin and client dashboards load none of them; head theme-color #2D3624. Also checked: manifest has both entries,
app.css unchanged versus BASE 3d1fe40.
UI evidence (ui-design-loop, libra.test /, 390/768/1440): no horizontal scroll at 390 (scrollWidth 390), 0 elements past
the edge, h1 count 1, reduced-motion CSS present. Screenshots (session scratchpad): uidl-libra-24-1-r1/.
Known and allowed until 24-2: fixed nav overlaps the first 64px of the page.
- Open
/at 390px wide. Pass: no sideways scroll. Fail: page scrolls horizontally. - Open /about, /posts, /booking, /terms, /privacy, /page/. Pass: content sits in a container no wider than 1200px. Fail: content touches screen edges.
- Scroll
/slowly. Pass: thin gold line at the top fills from the right (Arabic) toward full. Fail: it stays empty. - Turn on "reduce motion" in macOS and reload
/. Pass: all content visible without scrolling. Fail: sections stay blank. - Open admin and client dashboards. Pass: look unchanged. Fail: fonts/colours changed.
- Body font on
/: Pass: IBM Plex Sans Arabic for body text. Note: the UI loop reported Cairo in use too (Tailwind classes on existing sections); later subtasks restyle those sections.