テスト

ReactおよびNext.jsでは、それぞれ目的とユースケースが異なるいくつかの種類のテストを記述できます。このページでは、アプリケーションのテストに使用できるテストの種類と一般的なツールについて概要を説明します。

テストの種類

• 単体テストは、個々のユニット（またはコードブロック）を分離してテストすることです。Reactでは、ユニットは単一の関数、フック、またはコンポーネントである場合があります。
  • コンポーネントテストは、テストの主要な対象がReactコンポーネントである単体テストのより焦点を絞ったバージョンです。これには、コンポーネントのレンダリング方法、プロップとの相互作用、およびユーザーイベントへの応答時の動作のテストが含まれる場合があります。
  • 結合テストは、複数のユニットが連携して動作する方法をテストすることです。これは、コンポーネント、フック、関数の組み合わせである場合があります。
• エンドツーエンド (E2E) テストは、ブラウザのような実際のユーザーシナリオをシミュレートする環境でユーザーフローをテストすることです。これは、特定のタスク（例：サインアップフロー）を本番環境に近い環境でテストすることを意味します。
• スナップショットテストは、コンポーネントのレンダリング出力をキャプチャし、スナップショットファイルに保存することです。テストが実行されると、コンポーネントの現在のレンダリング出力が保存されたスナップショットと比較されます。スナップショットの変更は、予期しない動作の変化を示すために使用されます。

ガイド

これらの一般的なテストツールでNext.jsを設定する方法については、以下のガイドを参照してください。