accelint-react-testing

What problem does it solve?

This Skill helps you write more robust, accessible, and maintainable React component tests using Testing Library, preventing common pitfalls and ensuring your tests accurately reflect user behavior.

Core Features & Use Cases

• Accessible Querying: Guides you to use semantic queries (role, label) over brittle test IDs.
• Realistic Interactions: Promotes userEvent over fireEvent for accurate user simulation.
• Async Handling: Provides patterns for managing asynchronous operations and avoiding race conditions.
• Use Case: When writing tests for a new React component, this Skill ensures you're using the best practices for querying elements, simulating user interactions, and handling asynchronous updates, leading to tests that are less likely to break during refactoring and more confident in their coverage.

Quick Start

Use the accelint-react-testing skill to review the test file 'src/components/Button.test.tsx' for best practices.