7.0 KiB
7.0 KiB
phase, plan, type, wave, depends_on, files_modified, autonomous, requirements, must_haves
| phase | plan | type | wave | depends_on | files_modified | autonomous | requirements | must_haves | |||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 03-interaction-quality-and-completeness | 00 | execute | 0 |
|
true |
|
|
Purpose: Satisfy Nyquist compliance — every task in Plans 01-03 must have a runnable test file in its verify command. Wave 0 ensures those files exist before execution begins. Output: 4 new test files with pending test stubs.
<execution_context> @/home/jean-luc-makiola/.claude/get-shit-done/workflows/execute-plan.md @/home/jean-luc-makiola/.claude/get-shit-done/templates/summary.md </execution_context>
@.planning/PROJECT.md @.planning/ROADMAP.md @.planning/STATE.md @.planning/phases/03-interaction-quality-and-completeness/03-CONTEXT.md @.planning/phases/03-interaction-quality-and-completeness/03-VALIDATION.md From frontend/src/components/BudgetSetup.tsx: ```typescript interface Props { existingBudgets: Budget[] onCreated: () => void onCancel: () => void } export function BudgetSetup({ existingBudgets, onCreated, onCancel }: Props) ```From frontend/src/pages/CategoriesPage.tsx:
// Default export, no props — uses hooks internally (useTranslation, etc.)
export default function CategoriesPage()
From frontend/src/pages/DashboardPage.tsx:
// Default export, no props — uses hooks internally
export default function DashboardPage()
From frontend/src/components/BillsTracker.tsx:
interface Props {
budget: BudgetDetail
onUpdate: (itemId: string, data: { actual_amount?: number; budgeted_amount?: number }) => Promise<void>
}
export function BillsTracker({ budget, onUpdate }: Props)
**BudgetSetup.test.tsx:**
- Import `BudgetSetup` from `@/components/BudgetSetup`
- Mock `@/lib/api` (budgets.create) and `react-i18next` (useTranslation returns t = key passthrough)
- `it.skip('shows spinner in create button when saving')` — IXTN-01
- `it.skip('disables create button when saving')` — IXTN-01
- Add one basic `it('renders without crashing')` test that renders BudgetSetup with minimal props: `existingBudgets: [], onCreated: vi.fn(), onCancel: vi.fn()` — this validates the stub file works.
**CategoriesPage.test.tsx:**
- Import `CategoriesPage` from `@/pages/CategoriesPage`
- Mock `@/lib/api` (categories.list returns [], categories.delete) and `react-i18next`
- `it.skip('opens confirmation dialog when delete button clicked')` — IXTN-05
- `it.skip('executes delete on confirm and shows spinner')` — IXTN-05
- `it.skip('shows error inline when delete fails')` — IXTN-05
- `it.skip('shows empty state when no categories exist')` — STATE-02
- Add one basic `it('renders without crashing')` that renders CategoriesPage inside a MemoryRouter (it uses routing).
**DashboardPage.test.tsx:**
- Import `DashboardPage` from `@/pages/DashboardPage`
- Mock `@/lib/api` (budgets.list returns []) and `react-i18next`
- `it.skip('shows empty state with CTA when no budgets')` — STATE-01
- `it.skip('shows loading skeleton while fetching')` — STATE-03
- Add one basic `it('renders without crashing')` that renders DashboardPage inside a MemoryRouter.
**BillsTracker.test.tsx:**
- Import `BillsTracker` from `@/components/BillsTracker`
- Mock `react-i18next`
- `it.skip('shows tinted skeleton when no bill items')` — STATE-03
- `it.skip('flashes row green on successful inline save')` — IXTN-03
- `it.skip('flashes row red on failed inline save')` — IXTN-03
- Add one basic `it('renders without crashing')` that renders BillsTracker with a minimal budget fixture (empty items array) and `onUpdate: vi.fn()`.
For components needing MemoryRouter (page-level components with routing), wrap in `<MemoryRouter>` from `react-router-dom`.
Pattern for all mocks:
```typescript
vi.mock('react-i18next', () => ({
useTranslation: () => ({ t: (key: string) => key, i18n: { language: 'en' } }),
}))
```
Each file MUST have at least one non-skipped test that passes to confirm the stub is valid.
<success_criteria>
- BudgetSetup.test.tsx, CategoriesPage.test.tsx, DashboardPage.test.tsx, BillsTracker.test.tsx all exist
- Each file has skip-marked stubs for the behaviors Plans 01-03 will implement
- Each file has at least one passing smoke test
- Full test suite remains green </success_criteria>