TypeScriptでJestが実行できる環境を作る

はじめに

ゆとり世代の中野です。

今回チャレンジした内容は【TypeScriptとJestでテストが実行できる環境を作る】です。

さっそくチャレンジについて書いていきます。

チャレンジする背景

テストコードを書ける環境がほしい

チャレンジ内容

テストを実行できるようにする

やり方

前提

src配下にtestsディレクトリを配置する

必要なpackageを追加する

npm install --save-dev typescript ts-node jest ts-jest @types/jest

必要な設定ファイルを作成する

tsconfig.json

{
    "compilerOptions": {
      "baseUrl": "./src/",
      "paths": {
        "#/*": ["*"]
      },
    }
  }

jest.config.ts

export default {
  clearMocks: true,
  collectCoverage: true,
  coverageDirectory: "coverage",
  coverageProvider: "v8",
  globals: {
    "ts-jest": {
      "tsConfig": "tsconfig.json"
    }
  },
  moduleFileExtensions: [
    "ts",
  ],
  preset: "ts-jest",
  testMatch: [
    "**/tests/**/*.test.ts"
  ],
  transformIgnorePatterns: [
    "/node_modules/",
    "\\.pnp\\.[^\\/]+$"
  ],
};

テストを実行するコマンドを追加する

package.json

"scripts": {
    "test": "jest"
},

まとめ

必要なpackageをインストールする
各設定ファイルを作成する
コマンドを登録する

さいごに

これでTypescriptでテストコードを書ける環境ができました

yutanakano

WEBエンジニア

大阪生まれのゆとり世代です

趣味はバイクでツーリングに行くこと

愛車は Ninja ZX-25R SE KRT EDITION

Expoでプロダクトを作っています