備忘録

備忘録

Vitestを利用してテストする方法

Ⅰ. はじめに

タイトルの通り「Vitestを利用してテストする方法」です

Ⅱ. 手順

1. vitestをインストールする
npm install -D vitest
2. ファイルを作成すする

src/sum.ts

export function sum(a: number, b: number): number {
  return a + b
}

src/sum.test.ts

import { expect, test } from 'vitest'
import { sum } from './sum'

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3)
})
3. package.json を編集する
 {
   "scripts": {
+   "test": "vitest"
   }
 }

実行結果

 ✓ src/sum.test.ts (1)
   ✓ adds 1 + 2 to equal 3

 Test Files  1 passed (1)
      Tests  1 passed (1)
   Start at  17:27:17
   Duration  13ms

その他

Visual Studio Codeで *.test.ts を階層別けして表示させる方法

.vscode/settings.json

{
  "explorer.fileNesting.enabled": true,
  "explorer.fileNesting.patterns": {
    "*.ts": "${capture}.*.ts"
  },
}


UIを利用する方法

npx vitest --ui