tdd-react git:20261102.65f04feA

Immutable. This exact content never changes and is served at /api/v1/blob/f12e08ada12a5879.

---
name: tdd-react
description: Provides the React testing reference for the tdd skill. Covers test layers, the three Vitest projects, Storybook stories with attached `.test()` behaviors as component tests, vitest-browser-react hook tests, MSW, and Playwright patterns for the frontend package. Use when writing or reviewing tests under apps/web/ as part of a red-green-refactor loop, choosing a test layer, mocking HTTP, or testing a component, hook, or service.
---

# TDD for React (frontend package)

The stack reference the generic `tdd` skill (`.claude/skills/tdd/SKILL.md`) points at for the React frontend. The red-green-refactor loop, the RED gate, the determinism roll-up, and the worthiness audit live in `tdd`; this skill holds only the React and Vitest specifics.

Read [references/tests-react.md](references/tests-react.md) before writing the first red test.