概要
Next.jsのv11.1.2
のプロジェクトにJestを導入しようとし、公式ドキュメントを見ながらパッケージインストールしようとしたら、パッケージの依存関係でハマったりしたので備忘録として残しておきます。
基本的には
を参照しているだけです。
導入
必要なパッケージのインストール以外の基本的な設定(jest.config.js
のような設定ファイル内容)等はNext.jsの公式ドキュメントを参照してください。
必要パッケージのインストール
Next.jsのexamples/with-jestプロジェクトのpackage.jsonを参照し、バージョンを合わせて必要なパッケージをインストールしていきます。
上記のリンクはv11.1.2
のものですが、自身のプロジェクトのNext.jsのバージョンにあったものを参照してください。
ESLintを使用している場合はeslint-plugin-testing-library
といったプラグインのバージョンも合わせてインストールするのがよいでしょう。
with TypeScript
TypeScriptを使用する場合はJestの公式ドキュメントを参照して下さい。
Tips
テスト実行時にReferenceError: global is not defined
というエラーが出る
jest-environment-jsdomパッケージをインストールすると解消されました。