Files

3.3 KiB

phase, slug, status, nyquist_compliant, wave_0_complete, created
phase slug status nyquist_compliant wave_0_complete created
11 polish-responsiveness draft false false 2026-04-01

Phase 11 — Validation Strategy

Per-phase validation contract for feedback sampling during execution.


Test Infrastructure

Property Value
Framework Vitest 4.1.1 + @testing-library/react 16.3.2
Config file vitest.config.ts
Quick run command npx vitest run
Full suite command npx vitest run
Estimated runtime ~15 seconds

Sampling Rate

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

Per-Task Verification Map

Task ID Plan Wave Requirement Test Type Automated Command File Exists Status
11-01-01 01 1 POLISH-01 unit (className) npx vitest run src/components/wizard/BackendSelectionStep.test.tsx needs new test pending
11-01-02 01 1 POLISH-01 unit (DOM) npx vitest run src/components/wizard/BackendSelectionStep.test.tsx needs new test pending
11-01-03 01 1 POLISH-01 unit (className) npx vitest run src/components/wizard/StepIndicator.test.tsx needs new test pending
11-02-01 02 1 POLISH-02 unit (string check) npx vitest run W0 pending
11-02-02 02 1 POLISH-02 unit (className) npx vitest run src/components/wizard/BackendSelectionStep.test.tsx needs new test pending
11-03-01 03 1 POLISH-03 unit (DOM) npx vitest run src/App.test.tsx needs new test pending
11-03-02 03 1 POLISH-03 manual N/A manual pending
11-04-01 04 1 POLISH-04 unit npx vitest run src/components/wizard/BackendSelectionStep.test.tsx needs new test pending
11-04-02 04 1 POLISH-04 unit npx vitest run src/components/wizard/RemoteConfigStep.test.tsx needs new test pending

Status: pending · green · red · ⚠️ flaky


Wave 0 Requirements

  • Optional: src/styles/md3-buttons.test.ts — verify focus-visible:ring-3 string in button constants

Existing infrastructure covers most phase requirements. New test cases are added inline to existing test files.


Manual-Only Verifications

Behavior Requirement Why Manual Test Instructions
CSS @keyframes step-in defined in index.css POLISH-03 CSS animation definition not testable via jsdom Inspect index.css for @keyframes step-in declaration
prefers-reduced-motion suppresses animation POLISH-03 Media query behavior not testable in jsdom Check @media (prefers-reduced-motion: reduce) block exists in index.css

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 < 15s
  • nyquist_compliant: true set in frontmatter

Approval: pending