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

    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

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

    • package.json
    "scripts": {
    "test": "jest"
},

    まとめ

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

    さいごに

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

    yutanakano

    WEBエンジニア

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

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

    愛車は Ninja ZX-25R SE KRT EDITION

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

    image

    ©ゆとりちゃれんじ

    GitHubXInstagram
    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\\.[^\\/]+$"
  ],
};