Files
2026-04-01 09:07:15 +02:00

3.6 KiB

phase, slug, status, nyquist_compliant, wave_0_complete, created
phase slug status nyquist_compliant wave_0_complete created
9 md3-components draft false false 2026-04-01

Phase 9 — Validation Strategy

Per-phase validation contract for feedback sampling during execution.


Test Infrastructure

Property Value
Framework Vitest 4.1.1
Config file vite.config.ts (has test.environment: jsdom)
Quick run command npx vitest run --reporter=dot
Full suite command npx vitest run
Estimated runtime ~7 seconds

Sampling Rate

  • After every task commit: Run npx vitest run --reporter=dot
  • After every plan wave: Run npx vitest run
  • Before /gsd:verify-work: Full suite must be green
  • Max feedback latency: 7 seconds

Per-Task Verification Map

Task ID Plan Wave Requirement Test Type Automated Command File Exists Status
09-01-01 01 0 COMP-01 unit npx vitest run src/components/ui/TextFieldMD3.test.tsx W0 pending
09-01-02 01 0 COMP-03 unit npx vitest run src/components/ui/BackendCard.test.tsx W0 pending
09-01-03 01 0 DEBT-01 unit npx vitest run src/components/ui/FieldRenderer.test.tsx W0 pending
09-02-01 01 1 COMP-01 unit npx vitest run src/components/ui/TextFieldMD3.test.tsx W0 pending
09-02-02 01 1 COMP-01 unit npx vitest run src/components/wizard/RemoteConfigStep.test.tsx pending
09-03-01 02 1 COMP-02 unit npx vitest run src/components/wizard/ReviewStep.test.tsx pending
09-04-01 03 1 COMP-03 unit npx vitest run src/components/ui/BackendCard.test.tsx W0 pending
09-05-01 04 2 COMP-04 unit npx vitest run src/components/wizard/StepIndicator.test.tsx pending
09-06-01 05 1 DEBT-01 unit npx vitest run src/components/ui/FieldRenderer.test.tsx W0 pending

Status: pending · green · red · ⚠️ flaky


Wave 0 Requirements

  • src/components/ui/TextFieldMD3.test.tsx — stubs for COMP-01 floating label behavior
  • src/components/ui/BackendCard.test.tsx — stubs for COMP-03 elevation class presence
  • src/components/ui/FieldRenderer.test.tsx — stubs for DEBT-01 aria-label consistency

Existing StepIndicator.test.tsx covers COMP-04 behavioral requirements. Update to match rebuilt component's button textContent if needed.


Manual-Only Verifications

Behavior Requirement Why Manual Test Instructions
Floating label animation smoothness COMP-01 CSS transition quality is visual Focus input, observe label floats up smoothly (~150ms)
Button visual hierarchy distinction COMP-02 Color/weight differences are visual Compare primary (filled), secondary (outlined), tertiary (text) side by side
MD3 elevation tonal surface tint COMP-03 Subtle shadow/tint is visual Check cards have visible elevation and surface tint
Step indicator visual states COMP-04 Checkmark/circle/line rendering is visual Navigate wizard, verify completed=checkmark, current=highlighted, future=muted

Validation Sign-Off

  • All tasks have <automated> verify or Wave 0 dependencies
  • Sampling continuity: no 3 consecutive tasks without automated verify
  • Wave 0 covers all MISSING references
  • No watch-mode flags
  • Feedback latency < 7s
  • nyquist_compliant: true set in frontmatter

Approval: pending