nextJest moduleNameMapper doesn't work

记一个神奇的 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({
  // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
  dir: "./",
});

// Add any custom config to be passed to 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 is exported this way to ensure that next/jest can load the Next.js config which is async
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