Frontend Testing Skill

This Skill provides a framework for generating Vitest and React Testing Library tests for modern frontend applications.

Quick start

Follow the incremental workflow: Utilities/Hooks -> Simple Components -> Complex Components -> Integration Tests.

Critical Workflow

1. Incremental Approach: Do not generate all tests at once. Follow "Write -> Run -> Fix -> Next".
2. Integration First: Prefer testing real components over deep mocking.
3. AAA Pattern: Arrange, Act, Assert.

Reference Guides

See the following for detailed strategies:

• Testing Workflow
• Mocking Guide
• Async Testing
• Common Patterns
• Checklist

Success Criteria

• 100% function/statement coverage for the target file.

• 95% branch/line coverage.

• All tests pass in the terminal.