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

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

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

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

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

対応

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

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

以上です。