Vitest テストガイド
このシリーズは全3記事
Vitest 設定、unit test、component test、Browser Mode、mock、coverage、CI を扱うテスト実践シリーズです。
1
Vitest ユニットテスト実践：設定から TDD 開発フローまで
Vitest ユニットテストをゼロからマスター：インストール・設定、TDD 開発フロー、Mocking 高度テクニック、Coverage 設定。Vitest は Jest より 10 倍速く、Jest API と互換性があり、30 分で移行できます。
技術開発
V
2
Vitest 単体テスト実践：TDD ワークフローとカバレッジ設定
Vitest TDD 実践チュートリアル。Red-Green-Refactor の一連の流れ、カバレッジレポートと CI しきい値の設定、vi.fn / vi.spy / vi.mock の 3 つの Mock 手法を解説。2026 年のフロントエンドテスト向けフレームワーク
技術開発
V
3
Vitest コンポーネントテスト実践：Browser Mode と Playwright 連携
Vitest Browser Mode 実践ガイド。Playwright 連携の設定、React/Vue コンポーネントテスト、CI のカバレッジゲート、jsdom と実ブラウザテストの違いを解説します。
技術開発
V
