vitest

Transcript

1. vitest vitestの紹介
2. AGENDA  viteと  vitestと  実行速Æ  機能
3. みんなご存じvitest
4. viteとは https://ja.vite.dev/guide/why.html
5. vitestとは a vitestはvite環境で動作する高速なテストフレームワーX a Jestと同じ領 a 特徴は速度が速い、移行が簡単、フロントで使いやす( a そのほか細かいチューニングがある
6. 実行速度 https://zenn.dev/jay_es/articles/2021-12-22-vitest-comparison import { describe, expect, it } from "vitest";
 import { add } from "./add";

 describe("add", () => {
 it("1 + 2 = 3", () => {
 const result = add(1, 2);

 expect(result).toBe(3);
 });
 }); Vitest Jest 743ms 941ms 実行速度 Vitest Jest 0ms 114ms watchモード watchは異常に早い
7. 機能 É Coverag É Mockin É Testing type
8. 機能  VItest Ui $ vitest --ui
9. まとめ Y jestの互換性もあるため、移行が簡F Y 機能もかなりあH Y Webpack→vite移行が進んでるので、そのタイミングでvitestに変えるとよそさそ4 Y ヨヤクスリもvitestにしたい
10. END