JESTによるテスト実行でidentity-obj-proxyをインストールしていないとエラーが出る

初めに

元医療職 → WEB制作者がReact開発で詰まった箇所を日々発信しています！
現在はJISOUというコミュニティに所属してReact開発を学習中。
今回も簡単なテストを実行したところ、テスト失敗になったので、原因と解決策を共有します。

エラー内容

テストの内容はApp.tsxに対して、Hello Worldというテキストがあるかを確認する、簡単なテストです。
npm run testを実行すると以下のようなエラーが返ってきて、パスしませんでした。

どうやらApp.cssが認識されていないようです。
jest.config.jsファイルを確認してもちゃんと以下の記述があります。

moduleNameMapper: {
  '\\.(css|less)$': 'identity-obj-proxy'
}

解決策

原因はidentity-obj-proxyがインストールされていないことが原因でした。
identity-obj-proxyがインストールできているかどうかは、package.json内に以下の記述があればインストールされているそうです。

"identity-obj-proxy": "^3.0.0"

もしこの記述がなければ以下のコマンドを入力してインストールします。

$ npm install --save-dev identity-obj-proxy

まとめ

今まではApp.tsxファイルにある

import './App.css'

という記述を削除していたため、エラーになりませんでした。
ですが今回は削除せずに実行したところパスしませんでした。
テストは本当にエラーのバリエーションが多くて、毎回慣れませんね。