Nuxt 3+Spring BootでREST API #10 Jestでテストを書く

目次

• Jestのインストール・設定
• package.jsonの編集
• テストコードを書く
• テストを走らせる

Jestのインストール

TypeScriptで記述する前提で必要なライブラリをインストールしていく。

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

設定ファイルの作成。

npx ts-jest config:init

package.jsonの編集

npm run testでテスト実行できるようにする。

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

テストコードを書く

まずはテスト対象になるコード。
./logic/sum.tsに、単純な足し算を行う関数を作成。

export const sum = (a: number, b: number) => a + b;

テストコードは以下。
./test/sum.test.tsにテストを記述。
1と2を与えて3が返ってくればPASS。

import { test, expect } from "@jest/globals";
import { sum } from "../logic/sum";

test("adds 1 + 2 to equal 3", () => {
  expect(sum(1, 2)).toBe(3);
});

テストを走らせる

npm run testを叩いてみる。

補足

折角のNuxt3なのでVitestを使ってみたかった……が、今回は全体的な構築を主眼に置いているので導入が簡単なJestにした。
Nuxt3 + Vitestでのテストはまた別途やりたい。 Nuxt 3 × Vitest で単体テストの実行環境を作る

参考

• Typescriptでの単体テストの書き方(Jest) | スターフィールド株式会社