Bảng điểm: learn /ielts/leaderboard (SRC-1303)
Màn: Leaderboard. Mã nguồn: apps/learn/src/ielts/Leaderboard.tsx, shell apps/learn/src/ielts/Shell.tsx → journeys/IeltsJourneyShell.tsx. Chuẩn: focus-and-load.md. Skill: /ui-audit-25. Bản ngắn (lượt 4): chấm qua mã + Playwright 375 x 812 và 1440 x 900 với mockApi, chưa qua ảnh của chủ dự án. Dòng không ghi gì là pass theo số đo chung của lượt 4: một h1, không tràn ngang, tối đa 5 khối trong tầm nhìn đầu ở 375px, thanh bước sáng đúng bước (e2e ieltsAuditPass4.spec.ts).
| Lượt | Ngày | Điểm | Ghi chú |
|---|---|---|---|
| 0 (trước khi sửa) | 09.10.2026 | 47/50 | đo bằng Playwright |
| 1 (sau lô 1) | 09.10.2026 | 47/50 | không có gì phải sửa trong lô này |
| 2 (sau lô 2) | 09.10.2026 | 48/50 | lô 2 dưới đây (lượt 5 của /ui-audit-25) |
| 3 (sau lô 3) | 09.10.2026 | 50/50 | vệt một nhánh thành h1 "Leaderboard" (lượt 6, chủ dự án giao tự quyết) |
Hai câu bắt buộc
- Nhìn đâu trước? vệt "Leaderboard" (tên duy nhất của trang), dòng thưởng, rồi bảng tuần; không có h1 nhìn thấy và không nút tô đầy (trang để xem).
- Bao nhiêu thứ? 3 khối. Tràn ngang:
scrollWidth= 375.
25 yếu tố
| # | Yếu tố | Lượt 0 | Lượt 1 | Lượt 2 | Bằng chứng / luật |
|---|---|---|---|---|---|
| 1 | Information Architecture | pass | pass | pass | |
| 2 | Navigation | pass | pass | pass | |
| 3 | Layout | pass | pass | pass | |
| 4 | Visual Hierarchy | fail | fail | pass | F2: lượt 6 (09.10.2026) biến vệt một nhánh thành h1 "Leaderboard", cùng chữ, cùng một khối: số element vẫn như SRC-911 để lại. e2e ieltsAuditPass4 + ieltsDashboard gác đúng một heading |
| 5 | Responsive Design | pass | pass | pass | |
| 6 | Interaction Pattern | pass | pass | pass | |
| 7 | User Flow | pass | pass | pass | |
| 8 | Affordance | pass | pass | pass | |
| 9 | Feedback | pass | pass | pass | |
| 10 | State | pass | pass | pass | |
| 11 | Design System | pass | pass | pass | |
| 12 | Components | pass | pass | pass | |
| 13 | UI Patterns | pass | pass | pass | |
| 14 | Forms | pass | pass | pass | |
| 15 | Data Display | pass | pass | pass | |
| 16 | Onboarding | pass | pass | pass | |
| 17 | Empty State | pass | pass | pass | |
| 18 | Error Handling | pass | pass | pass | |
| 19 | Accessibility | pass | pass | pass | |
| 20 | Personalization | pass | pass | pass | |
| 21 | Typography | pass | pass | pass | |
| 22 | Color | pass | pass | pass | |
| 23 | Spacing | pass | pass | pass | |
| 24 | Iconography | partial | partial | pass | huy chương là icon lucide Medal tô theo hạng (token warning, ocean-300, coral-deep), 0 emoji (e2e ieltsAuditPass5.spec.ts) |
| 25 | Motion | pass | pass | pass |
Lô đã sửa
| Lô | Ngày | PR | Yếu tố |
|---|---|---|---|
| 2 | 09.10.2026 | session/ui-audit-pass5 | 24 |
Còn lại
- Câu hỏi cho chủ dự án (4): đổi vệt "Leaderboard" thành một h1 cùng chữ (số element giữ nguyên như SRC-911) để trang này theo F2 như mọi màn khác? Lượt 5 giữ không h1 theo chỉ đạo (SRC-911), nên dòng 4 vẫn fail.