次のJestのmoduleNameMapperは機能しません

神奇な jest の問題を記録する

jest.mock("lib/store", () => ({
  jotaiStore: jest.fn(),
}));

このように書くとエラーが発生します

Cannot find module 'lib/store' from 'atoms/imagePreview.test.ts'

しかし、jext.config.js にも書き込まれており、最後にエクスポートされた設定を出力してみると、正常に読み込まれていないことがわかります

const nextJest = require("next/jest");

const createJestConfig = nextJest({
  // テスト環境でnext.config.jsと.envファイルを読み込むためにNext.jsアプリのパスを指定してください
  dir: "./",
});

// Jestに渡すカスタム設定を追加してください
const customJestConfig = {
  setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
  testEnvironment: "jest-environment-jsdom",
  globals: {
    "ts-jest": {
      tsconfig: "<rootDir>/tsconfig.json", // 実際のパスに置き換えてください
    },
  },
  moduleNameMapper: {
    "^lib/(.*)$": "<rootDir>/lib/$1",
    "^app/(.*)$": "<rootDir>/app/$1",
    "^atoms/(.*)$": "<rootDir>/atoms/$1",
    "^components/(.*)$": "<rootDir>/components/$1",
    "^hooks/(.*)$": "<rootDir>/hooks/$1",
  },
};

// createJestConfigは次のようにエクスポートされるため、next/jestが非同期でNext.jsの設定を読み込むことができます
module.exports = createJestConfig(customJestConfig);

最終的に原因がわかりました：

jest.config.jsを設定する際、next jest バージョンの swc を使用しているため、createJestConfig内でmoduleNameMapperを定義しても機能しません。代わりにcustomJestConfig内に設定する必要があります。

この問題に遭遇した人々に役立つことを願っています。

この記事はMix Spaceから xLog に同期されています。
元のリンクはhttps://www.prajnax.com/posts/default/nextJest_moduleNameMapper_not_workです。