Sponsor
ChatHubChatHub Use GPT-4, Gemini, Claude 3.5 and more chatbots side-by-side
ここをクリック
Menu

テスト

ReactとNext.jsでは、いくつかの異なるタイプのテストを記述することができ、それぞれ目的とユースケースが異なります。このページでは、アプリケーションのテストに使用できるタイプと一般的に使用されるツールの概要を提供します。

テストの種類

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

ガイド

以下のガイドを参照して、Next.jsをこれらの一般的に使用されるテストツールでセットアップする方法を学んでください: