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。

原文を見る