【Jest】テストファイルからmoduleを絶対パスでimportしたときのエラー: Cannot find module 'src/...' の解決

はじめに

ReactでJestを使ったテストを実装したときにmoduleのimportを

hoge.test.tsx

import { Piyo } from 'src/Piyo'

のように、絶対パスで指定してテストを実行するとCannot find module 'src/Piyo' from 'hoge.test.tsx'というエラーが出てしまい解決に時間を要したので共有します。

環境

• create-react-appで作成したReactプロジェクト
• node v10.14.1
• npm v6.9.0
• yarn v1.12.3
• TypeScript v3.3.4

解決方法

package.jsonに以下を追記して再度yarn testを実行する

package.json

  "jest": {
    "moduleNameMapper": {
      "src(.*)$": "<rootDir>/src/$1"
    }
  }

これでrootディレクトリ直下の中に入っているsrcフォルダ配下のファイル全てを正しく認識します👏

参考

• Configuring Jest