Frontend Component Testing Skill

This skill provides instructions and best practices for testing React components in the Verseau frontend using Vitest and React Testing Library.

Tech Stack

• Testing Framework: Vitest
• Component Testing: @testing-library/react
• User Interactions: @testing-library/user-event (preferred) or fireEvent
• Matchers: @testing-library/jest-dom/vitest
• Environment: jsdom

Core Principles

1. Test Structure (AAA Pattern)

Structure tests using Arrange-Act-Assert: