【jestエラー】Configuration error: Could not locate module ./App.css mapped as: identity-obj-proxy.

はじめに

jestでテスト実装中に以下のエラーが出ました。

問題

エラーメッセージ

Configuration error:
    
    Could not locate module ./App.css mapped as:
    identity-obj-proxy.
    
    Please check your configuration for these entries:
    {
      "moduleNameMapper": {
        "/\.(css|less)$/": "identity-obj-proxy"
      },
      "resolver": undefined
    }

解決方法

以下コマンドを実行

// テスト実行時のスタイルファイル（CSS/SCSS/LESS）をモック化するためのパッケージを追加
npm install --save-dev identity-obj-proxy

jest.config.js

export default {
  preset: "ts-jest",
  testEnvironment: "jsdom",
  setupFilesAfterEnv: ["./jest.setup.ts"],
  transform: {
    "^.+\\.(ts|tsx)$": "ts-jest",
  },
  moduleNameMapper: {
    "\\.(css|less|scss)$": "identity-obj-proxy", //scssを追加
  },
};

おわりに

テスト実行時のスタイルファイル（CSS/SCSS/LESS）をモック化するためのパッケージがないために起きたエラーでした。

今回は記事を見つけることができなかったのでCopilotに@workspaceでエラーについて聞くと一瞬で解決できました。