テスト

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

テストの種類

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

ガイド

これらの一般的に使用されるテストツールでNext.jsをセットアップする方法については、以下のガイドをご覧ください。