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.

Реагируйте на компоненты и подключайте шаблоны тестирования с помощью библиотеки тестирования и Vitest. Используйте при написании тестов для компонентов React, пользовательских перехватчиков или логики извлечения данных. Охватывает тесты рендеринга компонентов, моделирование взаимодействия с пользователем, тестирование асинхронного состояния, MSW для макетирования API, тестирование перехвата с помощью renderHook, утверждения доступности и рекомендации по тестированию моментальных снимков. НЕ охватывает тесты E2E (используйте e2e-тестирование) или соблюдение рабочего процесса TDD (используйте tdd-workflow). Источник: hieutrtr/ai1-skills.