vitest について
VitestはViteプロジェクト向けのテストフレームワークで、JavaScriptやTypeScriptの開発者を対象としています。Jest互換APIとViteの設定・変換機能を共有し、並列実行、カバレッジ、モック、スナップショットも備えています。
主な機能
- 01Jest互換のテストAPI
- 02ESM、TypeScript、JSXの標準サポート
- 03Vite設定とプラグインの共有
- 04スマートウォッチモード
- 05並列ワーカーとシャーディング
- 06カバレッジ、モック、スナップショット
活用シーン
- 01Viteアプリのテスト
- 02Jestテストスイートの移行
- 03開発中に対象を絞ったテスト実行
- 04カバレッジ測定とスナップショット検証
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ supabase/ supabase --skill vitestインストール後、Claude Code で/vitestを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
GENERATION.mdreferences/core-config.mdadvanced-environments.mdcore-expect.mdcore-cli.mdcore-describe.mdadvanced-projects.mdadvanced-type-testing.mdadvanced-vi.mdfeatures-concurrency.mdcore-hooks.mdfeatures-context.mdfeatures-mocking.mdfeatures-coverage.mdfeatures-snapshots.mdfeatures-filtering.mdcore-test-api.md詳細
Vitest は Vite を基盤とする次世代テストフレームワークです。Jest 互換の API を備え、ネイティブ ESM、TypeScript、JSX を標準でサポートします。Vitest は、Vite アプリと同じ設定、トランスフォーマー、リゾルバー、プラグインを共有します。
主な機能:
- Vite ネイティブ:Vite の変換パイプラインを使用し、HMR のように高速なテスト更新を実現します
- Jest 互換:ほとんどの Jest テストスイートをそのまま置き換えられます
- スマートウォッチモード:モジュールグラフに基づいて、影響を受けるテストのみを再実行します
- 設定不要でネイティブ ESM、TypeScript、JSX をサポートします
- 並列テスト実行のためのマルチスレッドワーカー
- V8 または Istanbul による組み込みカバレッジ
- スナップショットテスト、モック、スパイユーティリティ
このスキルは Vitest 3.x に基づいており、2026-01-28 に生成されました。
コア
| トピック | 説明 | 参照 |
|---|---|---|
| 設定 | Vitest と Vite の設定連携、defineConfig の使い方 | core-config |
| CLI | コマンドラインインターフェース、コマンドとオプション | core-cli |
| テスト API | test/it 関数、skip、only、concurrent などの修飾子 | core-test-api |
| Describe API | テストやネストしたスイートをグループ化する describe/suite | core-describe |
| Expect API | toBe、toEqual、マッチャー、非対称マッチャーによるアサーション | core-expect |
| フック | beforeEach、afterEach、beforeAll、afterAll、aroundEach | core-hooks |
機能
| トピック | 説明 | 参照 |
|---|---|---|
| モック | vi ユーティリティによるモック関数、モジュール、タイマー、日付 | features-mocking |
| スナップショット | toMatchSnapshot とインラインスナップショットによるスナップショットテスト | features-snapshots |
| カバレッジ | V8 または Istanbul プロバイダーによるコードカバレッジ | features-coverage |
| テストコンテキスト | テストフィクスチャ、context.expect、カスタムフィクスチャ用の test.extend | features-context |
| 並行処理 | 並行テスト、並列実行、シャーディング | features-concurrency |
| フィルタリング | テスト名、ファイルパターン、タグによるテストの絞り込み | features-filtering |
高度な機能
| トピック | 説明 | 参照 |
|---|---|---|
| vi ユーティリティ | vi ヘルパー:mock、spyOn、偽タイマー、hoisted、waitFor | advanced-vi |
| 環境 | テスト環境:node、jsdom、happy-dom、カスタム環境 | advanced-environments |
| 型テスト | expectTypeOf と assertType による型レベルのテスト | advanced-type-testing |
| プロジェクト | マルチプロジェクトワークスペース、プロジェクトごとに異なる設定 | advanced-projects |
コメント
Markdown 対応