Jestでモジュール名マッピングを行う方法

この記事は公開から1年以上経過しています。

Jestでimport '@/path/to/file.tsx'のように@/を使ったモジュールのインポートを行う方法。

TypeScriptでtsconfig.jsonに以下を設定するのと同様のイメージです。

"compilerOptions": {
  "paths": {
    "@/*": ["./src/*"]
  }
}


対応

jest.config.msj@/のマッピングを定義する。
(例はソースがsrcディレクトリ配下にある場合)

const config = {
  moduleNameMapper: {
    '^@/(.+)$": "<rootDir>/src/$1'
  }
}


参考ウェブサイトなど

  • JEST docs
    Configuring Jest/moduleNameMapper

以上です。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする