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.

使用測試庫和 Vitest 反應組件和掛鉤測試模式。在為 React 組件、自定義掛鉤或數據獲取邏輯編寫測試時使用。涵蓋組件渲染測試、用戶交互模擬、異步狀態測試、用於 API 模擬的 MSW、使用 renderHook 進行鉤子測試、可訪問性斷言和快照測試指南。不涵蓋 E2E 測試（使用 e2e-testing）或 TDD 工作流實施（使用 tdd-workflow）。 來源：hieutrtr/ai1-skills。

查看原文