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.