Testing Workflow Skill

Guides the process of writing and maintaining tests for the portfolio using Vitest, React Testing Library, and the established testing patterns in the codebase.

When to use this skill

• Adding a new feature that needs tests
• Fixing a failing test
• Increasing test coverage
• Setting up test infrastructure for a new component or utility
• Before committing changes that could break existing tests

Workflow

1. Understand the test target — Check if it's a component, utility function, hook, or API route. Each has different testing patterns.

2. Find existing test patterns — Look at neighboring test files (*.test.ts, *.test.tsx, __tests__/ directories) to understand naming conventions and setup patterns.

3. Test structure — Follow AAA pattern (Arrange, Act, Assert). Group related tests with describe. Use clear, descriptive test names.