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
0
error-marp.pdf
nikawa2161
0
5
difit
nikawa2161
0
12
フロントのキャッシュ
nikawa2161
0
5
Dia
nikawa2161
0
3
LLMを拡張機能に
nikawa2161
0
10
経営戦略(人生)
nikawa2161
0
10
コンポーネントとレンダー
nikawa2161
0
5
cursor
nikawa2161
0
7
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Making Projects Easy
brettharned
117
6.4k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
For a Future-Friendly Web
brad_frost
180
9.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
A designer walks into a library…
pauljervisheath
207
24k
Facilitating Awesome Meetings
lara
55
6.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
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