react-testing-patterns

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.

Componente React e modelli di test hook con Testing Library e Vitest. Da utilizzare durante la scrittura di test per componenti React, hook personalizzati o logica di recupero dei dati. Copre test di rendering dei componenti, simulazione dell'interazione dell'utente, test dello stato asincrono, MSW per il mocking delle API, test degli hook con renderHook, asserzioni di accessibilità e linee guida per i test degli snapshot. NON copre i test E2E (utilizzare e2e-testing) o l'applicazione del flusso di lavoro TDD (utilizzare tdd-workflow). Fonte: hieutrtr/ai1-skills.