Next.js v14 ~ 15 と Jest の設定と方法の覚書

Next.js v14 ~ 15 と Jest の設定

react 19 で動かない場合

Next.js v15 に jest をインストールしようとすると、react のバージョンが競合しているというエラーが発生することがある。

例えば、react@19.0.0-rc というリリース候補版（release candidate）を使っていると、@testing-library/react がそのバージョンを正式にサポートしていないので、依存関係の競合が発生することがある。

他に影響がない場合、react@18.x にダウングレードして試す。

install

TypeScript で Jest を使う場合は、ts-jest もインストールする。

Jest の設定ファイルを生成

jest.config.js

jest.setup.js

package.json

テストを手動にする場合

vscode の設定ファイルに以下を追加する。

手動でテストを実行する場合は、vscode の左メニューテストアイコンから関数ごと、ファイルごと、すべてのテストを実行できる。

HTML レポート生成

生成されたレポートは coverage/lcov-report/index.html に保存される。このファイルをブラウザで開けば、どの行が未カバーか簡単に確認できる。