︙

Testing

React や Next.js では、それぞれが独自の目的と使用事例を持ついくつかの異なる type のテストを書くことができます。このページでは、アプリケーションを test するために使用できる type と一般的に使用されるツールの概要を提供しています。

Types of tests

ユニットテストは、個々のユニット(または code のブロック)を単独でテストすることを含みます。 React では、ユニットは単一の関数、 hook 、または component であることができます。
Component テストは、テストの主要な対象が React コンポーネントであるユニットテストのより焦点を絞った version です。これには、コンポーネントがどのようにレンダリングされるか、 props との相互作用、ユーザーイベントに対する response の動作などのテストが含まれる場合があります。
統合テストは、複数のユニットがどのように連携して動作するかをテストすることを含みます。これは、コンポーネント、hooks 、および関数の組み合わせになる可能性があります。
End-to-End (E2E) テスト は、ブラウザなど、実際のユーザーシナリオを模倣した環境でユーザーフローをテストすることを含みます。つまり、Production ライクな環境で特定のタスク(例えば、サインアップフロー)をテストすることを意味します。
スナップショットテストは、 component のレンダリング出力をキャプチャし、それをスナップショットファイルに保存することを含みます。テストが実行されると、 component の現在のレンダリング出力は保存されたスナップショットと比較されます。スナップショットの変更は、予想外の挙動の変化を示すために使用されます。

Async Server Components

async Server Components は React エコシステムにとって新しいため、一部のツールでは完全にサポートされていません。その間、asyncComponent については、Unit TestingよりもEnd-to-End Testingを使用することをお勧めします。

Guides

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