Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
vitest
Search
nikawa2161
November 15, 2024
2
9
vitest
nikawa2161
November 15, 2024
Tweet
Share
More Decks by nikawa2161
See All by nikawa2161
コンパイルの違い
nikawa2161
0
2
error-marp.pdf
nikawa2161
0
5
difit
nikawa2161
0
28
フロントのキャッシュ
nikawa2161
0
6
Dia
nikawa2161
0
3
LLMを拡張機能に
nikawa2161
0
10
経営戦略(人生)
nikawa2161
0
13
コンポーネントとレンダー
nikawa2161
0
5
cursor
nikawa2161
0
7
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Embracing the Ebb and Flow
colly
88
4.9k
A Modern Web Designer's Workflow
chriscoyier
697
190k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
The Pragmatic Product Professional
lauravandoore
36
7k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Transcript
vitest vitestの紹介
AGENDA viteと vitestと 実行速Æ 機能
みんなご存じvitest
viteとは https://ja.vite.dev/guide/why.html
vitestとは a vitestはvite環境で動作する高速なテストフレームワーX a Jestと同じ領 a 特徴は速度が速い、移行が簡単、フロントで使いやす( a そのほか細かいチューニングがある
実行速度 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は異常に早い
機能 É Coverag É Mockin É Testing type
機能 VItest Ui $ vitest --ui
まとめ Y jestの互換性もあるため、移行が簡F Y 機能もかなりあH Y Webpack→vite移行が進んでるので、そのタイミングでvitestに変えるとよそさそ4 Y ヨヤクスリもvitestにしたい
END