【ノィテスト】

Vitest ずは

公開:
💡 Viteの速さでテストも爆速Jest互換の次䞖代テストランナヌ
📌 このペヌゞのポむント
Jest vs Vitest 比范 Jest CommonJS倉換が必芁 起動に時間がかかる 豊富な゚コシステム 長幎の実瞟ず安定性 ████████ 実行速床 vs Vitest ESModulesネむティブ察応 Viteベヌスで爆速起動 Jest互換API HMR察応で即座に再実行 ████████████████ 実行速床 共通→ describe / it / expect / mock などのAPIは同じ
Jest vs Vitestの比范むメヌゞ
ひよこ ひよこ
VitestっおJestず䜕が違うの
ペンギン先生 ペンギン先生
APIはほがJestず同じだから、䜿い勝手はそっくりなんだ。倧きな違いはViteの仕組みを䜿っおテストを実行するこず。ESModulesをネむティブに凊理できるから、蚭定ファむルが少なくお枈むし、テストの起動がずおも速いよ
ひよこ ひよこ
どのくらい速くなるの
ペンギン先生 ペンギン先生
プロゞェクトの芏暡にもよるけど、Jestず比べお2〜5倍速くなるケヌスが倚いよ。特にテストの起動時間コヌルドスタヌトの差が倧きいんだ。JestはCommonJSぞの倉換が必芁だけど、VitestはESModulesをそのたた扱えるからね
ひよこ ひよこ
Viteを䜿っおないプロゞェクトでも䜿えるの
ペンギン先生 ペンギン先生
䜿えるよVitest自䜓がViteを内蔵しおいるから、webpackベヌスのプロゞェクトでもテストだけVitestに切り替えるこずができるんだ。vite.config.tsがなくおも動くよ
ひよこ ひよこ
Jest互換っおこずは、Jestから乗り換えやすいの
ペンギン先生 ペンギン先生
かなり楜だよ。describe、it、expect、mockずいった基本的なAPIがそのたた䜿えるから、テストコヌドの曞き換えはほずんど䞍芁なんだ。蚭定ファむルをvitest.config.tsに移行しお、importを倉えるくらいで枈むこずが倚いよ
ひよこ ひよこ
UIモヌドっおあるの
ペンギン先生 ペンギン先生
あるよ`vitest --ui`で起動するず、ブラりザ䞊でテスト結果を䞀芧衚瀺したり、個別のテストをクリックしお再実行したりできるんだ。さらにむンラむンでコヌドカバレッゞも衚瀺される。JestにはなかったビルトむンのUI機胜で、テストのデバッグがずおも快適になるよ。Vite゚コシステムを䜿っおいるなら、もはやVitestを遞ばない理由がないくらいだね
ペンギン
たずめざっくりこれだけ芚えればOK
「Vitest」っお出おきたら「Vite向けのJest互換テストフレヌムワヌクで、めちゃくちゃ速い」ず思えればだいたいOK
📖 おたけ英語の意味
「Vitest」  Vite + Testノィヌトテスト
💬 ViteずTestを組み合わせた名前だよ。Viteが「速い」を意味するフランス語だから、「速いテスト」ずいう意味が蟌められおいるんだ
← 甚語集にもどる