🌊

React NativeでJestをアップデートした際のエラー解決

2024/01/13に公開

はじめに

React NativeのプロジェクトでJestをアップデートした際に遭遇したエラーとその解決策について説明します。このエラーは、Jestのテスト環境設定に関連しています。

問題

アップデート後に以下のエラーが発生しました。

Jest encountered an unexpected token

Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax, or when Jest is not configured to support such syntax.

このエラーは、Jestが非標準のJavaScript構文(ESモジュールなど)を含むファイルを解析できなかったことを示しています。

解決方法

Jestのテスト環境をnodeに変更することで、問題が解決しました。

jest.config.js
module.exports = {
  ...other,
+  testEnvironment: 'node',
}

この変更により、JestはNode.js環境でテストを実行し、ESモジュール構文の解析が可能になりました。

おわりに

Jestのデフォルトのテスト環境がjsdomであることと、ESモジュールがネイティブにサポートされていないことが原因でした。testEnvironmentnodeを指定することで、Node.js環境での実行が可能になり、テストが正常に通るようになりました。

参考

Discussion