0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Next.js v11.xプロジェクトにJestを導入する

Posted at

概要

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パッケージをインストールすると解消されました。

Jest: ReferenceError: global is not defined

参考文献

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?