frontend/typescript-testing

React Testing Library lets you test components by querying the DOM as users would interact with it. This Skill applies RTL to verify observable behavior, ensuring tests focus on functionality rather than implementation details, with MSW handling realistic API scenarios.

This Skill enforces 60% unit coverage baseline with component-level targets: Atoms 70%, Molecules 65%, Organisms 60%, Custom Hooks 65%, and Utils 70%. Coverage ensures critical paths are tested across your component hierarchy.

Mock Service Worker provides type-safe API mocking for Vitest and React Testing Library tests. MSW intercepts requests at the network level, enabling realistic testing scenarios without hitting real endpoints while maintaining explicit mock control.

Co-locating tests alongside components improves maintainability and discoverability. This Skill follows the co-location principle, making it clear which tests verify which components and reducing navigation overhead during development.

Yes. This Skill uses Vitest as the test runner paired with React Testing Library for user-centric assertions. Together they provide fast unit and integration testing across component types with ADR-0002-compliant coverage targets.

Reproducible tests run consistently regardless of execution order or environment. This Skill enforces explicit mocking, isolation, and deterministic assertions to ensure tests pass reliably across local, CI/CD, and team environments.