banner
Prajna

Prajna

github
twitter
email

次の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.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です。


読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。