次のテキストを日本語に翻訳してください:
神奇な 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.jsアプリのパスを指定して、テスト環境でnext.config.jsと.envファイルを読み込む
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です。