Ⅰ. はじめに
タイトルの通り「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