react-testing-patterns

SKILL.md

Prefer findBy over waitFor + getBy for elements that appear asynchronously.

Create a custom render that wraps components with required providers:

See references/component-test-template.tsx for an annotated test file template. See references/msw-handler-examples.ts for MSW handler patterns. See references/hook-test-template.tsx for hook testing patterns.

Réagissez aux modèles de test de composants et de hooks avec Testing Library et Vitest. À utiliser lors de l'écriture de tests pour les composants React, les hooks personnalisés ou la logique de récupération de données. Couvre les tests de rendu des composants, la simulation d'interaction utilisateur, les tests d'état asynchrone, MSW pour la simulation d'API, les tests de hook avec renderHook, les assertions d'accessibilité et les directives de test d'instantanés. Ne couvre PAS les tests E2E (utilisez e2e-testing) ou l'application du workflow TDD (utilisez tdd-workflow). Source : hieutrtr/ai1-skills.

Voir l'original