テストのレシピ集 – React

React コンポーネントのための一般的なテストのパターン集です。 補足： このページではテストランナーとして Jest を使用することを前提としています。もし別のテストランナーを使う場合は API を修正する必要があるかもしれませんが、やり方の全体的な見た目についてはおそらく同じようなものになるはずです。テスト環境のセットアップについては テスト環境 のページをご覧ください。 このページでは主に関数コンポーネントを利用します。しかし以下に述べるテスト手法は実装の詳細には依存しませんので、クラスコンポーネントでも全く同様に動作します。 セットアップ/後始末 act() レンダー データの取得 モジュールのモック化 イベント タイマー スナップショットテスト 複数のレンダラ 何かが足りない？ セットアップ/後始末 それぞれのテストにおいて、通常われわれは React ツリーを documen