From 4472c1294c56d27caa680db0d1956edb344aba04 Mon Sep 17 00:00:00 2001 From: Kawa Date: Wed, 1 Apr 2026 13:10:23 +0200 Subject: [PATCH] docs(phase-11): add research and validation strategy --- .../11-polish-responsiveness/11-VALIDATION.md | 81 +++++++++++++++++++ 1 file changed, 81 insertions(+) create mode 100644 .planning/phases/11-polish-responsiveness/11-VALIDATION.md diff --git a/.planning/phases/11-polish-responsiveness/11-VALIDATION.md b/.planning/phases/11-polish-responsiveness/11-VALIDATION.md new file mode 100644 index 0000000..5a64d2d --- /dev/null +++ b/.planning/phases/11-polish-responsiveness/11-VALIDATION.md @@ -0,0 +1,81 @@ +--- +phase: 11 +slug: polish-responsiveness +status: draft +nyquist_compliant: false +wave_0_complete: false +created: 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 `` 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