create-react-app + TypeScriptのプロジェクトにJestを導入する

 もともと、create-react-appにはjestが入っています。

 package.jsonのscriptsにtestがありますが、そのままではTypeScriptのJestを用いたコードが動きません。

 まずはTypeScriptをJest上で認識できるようにするためにts-jestというモジュールを入れます。

npm install -D ts-jest @types/jest

 次に、package.jsonに以下の記述を追加します。

 1行目はtsかtsxファイルはts-jestで処理をするよう指定するという意味、testMatchはテストコードのあるディレクトリを指定しています。

 この場合は、testsディレクトリ配下の~.test.ts or tsxということになります。

"jest": {
  "transform": {
    ".(ts|tsx)": "<rootDir>/node_modules/ts-jest/preprocessor.js"
  },
  "testMatch": [
    "**/tests/**/*.test.(ts|tsx)"
  ]
}

 これで通常通りnpm run testをすることでTypeScriptでテストコードが動くと思います。

コメントを残す

メールアドレスが公開されることはありません。