SimpleFinanceDash/.planning/phases/03-collapsible-dashboard-sections/03-VALIDATION.md

phase, slug, status, nyquist_compliant, wave_0_complete, created

phase	slug	status	nyquist_compliant	wave_0_complete	created
3	collapsible-dashboard-sections	draft	true	false	2026-03-17

Phase 3 — Validation Strategy

Per-phase validation contract for feedback sampling during execution.

---

Test Infrastructure

Property	Value
Framework	None installed — no test framework in project
Config file	None
Quick run command	bun run lint
Full suite command	bun run build
Estimated runtime	~10 seconds

---

Sampling Rate

• After every task commit: Run bun run lint
• After every plan wave: Run bun run build
• Before /gsd:verify-work: Full build must succeed + manual browser testing
• Max feedback latency: 10 seconds

---

Per-Task Verification Map

Task ID	Plan	Wave	Requirement	Test Type	Automated Command	File Exists	Status
03-01-01	01	1	UI-COLLAPSE-01	lint+build	bun run lint && bun run build	N/A	⬜ pending
03-01-02	01	1	UI-COLLAPSE-01	lint+build	bun run lint && bun run build	N/A	⬜ pending
03-02-01	02	1	UI-DASH-01	lint+build	bun run lint && bun run build	N/A	⬜ pending
03-02-02	02	1	UI-DASH-01	lint+build	bun run lint && bun run build	N/A	⬜ pending

Status: ⬜ pending · ✅ green · ❌ red · ⚠️ flaky

---

Wave 0 Requirements

Existing infrastructure covers all phase requirements. No test framework to install.

---

Manual-Only Verifications

Behavior	Requirement	Why Manual	Test Instructions
Collapsible sections render between charts and QuickAdd	UI-DASH-01	No test framework; visual layout	Open dashboard with a budget — verify sections appear below chart grid, above QuickAdd
Over-budget sections auto-expand on load	UI-DASH-01	No test framework; state logic	Create budget where expenses exceed budget — verify those sections start expanded
Carryover subtitle appears on balance card when non-zero	UI-DASH-01	No test framework; conditional render	Set carryover_amount on a budget — verify "Includes $X carryover" subtitle appears
Section expands/collapses with smooth animation	UI-COLLAPSE-01	No test framework; CSS animation	Click section headers — verify smooth height transition
No ResizeObserver loop errors on rapid toggle	UI-COLLAPSE-01	Browser console check	Rapidly toggle sections 10+ times — check browser console for ResizeObserver errors
Empty category groups are hidden	UI-COLLAPSE-01	No test framework; conditional render	Budget with no debt items — verify debt section is absent
State resets on month navigation	UI-COLLAPSE-01	No test framework; state interaction	Expand a section, navigate to different month — verify smart defaults recalculate

---

Validation Sign-Off

• All tasks have automated verify (lint+build) or manual-only documented
• Sampling continuity: lint runs after every task commit
• Wave 0 covers all MISSING references (N/A — no test framework)
• No watch-mode flags
• Feedback latency < 10s
• nyquist_compliant: true set in frontmatter

Approval: pending