materialofair TDD Generator
Use this skill to drive implementation through tests first.
Workflow
- Detect target type:
- Pure logic -> unit tests
- UI behavior -> component/integration tests
- User journeys -> E2E tests
- RED:
- edit failing test first
- GREEN:
- Implement minimal code to pass
- REFACTOR:
- Improve structure while keeping tests green
- Add regression cases for discovered bugs and edges.
Recommended Stack
- Unit/component: Vitest + Testing Library
- E2E: Playwright
E2E Agent Option
For large journey suites, you can run Playwright test agents:
npx playwright test --init-agents
npx playwright test --agent=planner
npx playwright test --agent=generator
npx playwright test --agent=healer --repeat
Quality Rules
- Test behavior, not private implementation details.
- Prefer semantic queries (
getByRole,getByLabelText) for UI tests. - Keep one assertion intent per test case.
- Add explicit edge cases and failure-path coverage.
References
- Playwright best practices: https://playwright.dev/docs/best-practices
- Vitest guide: https://vitest.dev/guide/