【ノィテスト】

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が「速い」を意味するフランス語だから、「速いテスト」ずいう意味が蟌められおいるんだ
← 甚語集にもどる