UAT Index
User Acceptance Testing checklists organized by sprint. Each sprint validates a specific set of components and features against Metronic parity targets.
Sprint Checklist Template
Each UAT sprint should verify:
- Visual match — Component renders consistently with Metronic reference
- Props API — All documented props work as described
- Keyboard navigation — All interactions accessible via keyboard
- Screen reader — ARIA attributes present, announcements correct
- Dark mode — Component renders correctly in dark theme
- RTL — Layout mirrors correctly for RTL locales
- Responsive — Component adapts at all breakpoints
- Build — No TypeScript errors, ESLint clean
Completed Sprints
| Sprint | Focus | Status |
|---|---|---|
| Phase 1 | Tokens, theme engine, utilities, i18n | Complete |
| Phase 2 | 47+ components, 6 hooks, quality audit | Complete |
| Phase 3 | MetronicLayout (8 variants), Storybook (56 stories), gallery | Complete |
| Phase 4 | CI/CD, bundle budgets, integration guide, docs site | Complete |
Validation Apps
| App | Purpose | Command |
|---|---|---|
| Storybook | Interactive component testing | pnpm --filter @gtcx/storybook dev |
| Gallery | MetronicLayout variant switcher | pnpm --filter @gtcx/gallery dev |
| Parity | Static Metronic Layout-5 reference | Open parity/index.html |
Evidence
Each sprint's evidence is collected as:
- Storybook screenshots (via Chromatic)
- axe-core accessibility reports
- Bundle size measurements
- CI pipeline pass/fail logs