はじめに
ゆとり世代の中野です。
今回チャレンジした内容は【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でプロダクトを作っています
