naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

24-3: signature balance component — implemented, QA Review

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Naser Mansour
2026-10-31 18:44:10 +02:00
parent 8b2c35f76f
commit d8b27a15e8
8 changed files with 224 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/tasks/24-3.md
+1 -1
View File
@@ -1,7 +1,7 @@
---
id: 24-3
title: 24-3 Signature Balance Component
status: Ready for Dev
status: QA Review
date: 2026-10-31
parent: 24
---
docs/tasks/manual-tests/24-3.md
+15
View File
@@ -0,0 +1,15 @@
# Manual tests — 24-3 Signature Balance Component
Automated (passed 2026-10-31, `tests/Feature/Design/SiteBalanceTest.php`, 5 tests): component renders `<svg data-balance>`
with viewBox, role/aria-label or aria-hidden, size and passthrough attributes; `balance.js` exports init/destroy, makes ids
unique per instance (`++uid`), uses the spec's spring constants and reduced-motion branch; wired into `public.js`; CSS scoped.
The module imports cleanly in Node 22 and the Vite build succeeds.
Not yet checkable in a browser: no page places the balance until 24-4 (hero) and 24-5 (finale). Run these once 24-4/24-5 are in:
- [ ] Home hero: balance appears tilted and settles level within ~4 seconds without touching the mouse.
- [ ] Move the mouse to the right edge of the hero frame: beam tips about 9°; leave the frame: returns to level.
- [ ] Booking-card finale: beam tipped (−12°) at the top of the page, level at the bottom.
- [ ] macOS "reduce motion" on: every balance level (`rotate(0 200 110)`), nothing animates.
- [ ] Click About, then back to Home three times (wire:navigate): hero balance still renders and settles; finale still levels.
- [ ] Two balances on one page: no duplicate ids (`document.querySelectorAll('[id]')`).
docs/tasks/statuses.md
+1 -1
View File
@@ -139,7 +139,7 @@
| 24 | 24 Public-Site Redesign (PRD 1.4) | Ready for Dev |
| 24-1 | 24-1 Public Design Foundation (Stylesheet, Script, Fonts, Layout) | QA Review |
| 24-2 | 24-2 Navigation and Footer | QA Review |
| 24-3 | 24-3 Signature Balance Component | Ready for Dev |
| 24-3 | 24-3 Signature Balance Component | QA Review |
| 24-4 | 24-4 Home Page Sections (Hero to Latest Articles) | Ready for Dev |
| 24-5 | 24-5 Home Booking Card (Compact Booking and Day Strip) | Ready for Dev |
| 24-6 | 24-6 Booking Page and Booking Success | Ready for Dev |