vitest について
Vite ネイティブのテストフレームワーク Vitest を扱うスキルです。API、設定、モック、カバレッジ、並行実行、型テストなど、テストの作成と実行に役立つトピック別の資料を提供します。
主な機能
- 01Jest 互換のテスト API
- 02ネイティブな ESM、TypeScript、JSX 対応
- 03ウォッチモードと並列ワーカー
- 04カバレッジ、スナップショット、モック、スパイ
- 05設定と CLI のリファレンス
- 06高度なテスト環境と型テスト
活用シーン
- 01Vite アプリと連携するテストの設定
- 02ウォッチモードでのテスト対象の絞り込み
- 03カバレッジ測定とスナップショットテスト
- 04型テストやテストスイートの並行実行
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ midudev/ autoskills --skill vitestインストール後、Claude Code で/vitestを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
GENERATION.mdreferences/advanced-environments.mdadvanced-projects.mdadvanced-type-testing.mdadvanced-vi.mdcore-cli.mdcore-config.mdcore-describe.mdcore-expect.mdcore-hooks.mdcore-test-api.mdfeatures-benchmarking.mdfeatures-concurrency.mdfeatures-context.mdfeatures-coverage.mdfeatures-filtering.mdfeatures-mocking.mdfeatures-reporters.mdfeatures-snapshots.mdfeatures-test-tags.md詳細
Vitest は Vite を基盤とする次世代のテストフレームワークです。Jest 互換の API を提供し、ネイティブ ESM、TypeScript、JSX を標準でサポートします。Vitest は Vite アプリと同じ設定、トランスフォーマー、リゾルバー、プラグインを共有します。
主な機能:
- Vite ネイティブ:Vite の変換パイプラインを使用して、HMR のように高速にテストを更新します
- Jest 互換:ほとんどの Jest テストスイートをそのまま置き換えられます
- スマートウォッチモード:モジュールグラフに基づいて、影響を受けたテストのみを再実行します
- ネイティブ ESM、TypeScript、JSX を設定なしでサポート
- マルチスレッドワーカーによる並列テスト実行
- V8 または Istanbul によるカバレッジ機能を内蔵
- スナップショットテスト、モック、スパイユーティリティ
このスキルは Vitest 5.0.1 に基づいており、2026-09-25 に生成されました。
コア
| トピック | 説明 | 参照 |
|---|---|---|
| 設定 | 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 |
| テストタグ | テストにタグを付けて、実行をフィルタリングし、共通オプションを適用します | features-test-tags |
| レポーター | 組み込みレポーター、デフォルトの選択、CI/出力の設定 | features-reporters |
| ベンチマーク | bench フィクスチャ(Tinybench)を使ったベンチマークの作成 | features-benchmarking |
高度な機能
| トピック | 説明 | 参照 |
|---|---|---|
| Vi ユーティリティ | vi ヘルパー:mock、spyOn、フェイクタイマー、hoisted、waitFor | advanced-vi |
| 環境 | テスト環境:node、jsdom、happy-dom、カスタム環境 | advanced-environments |
| 型テスト | expectTypeOf と assertType による型レベルのテスト | advanced-type-testing |
| プロジェクト | マルチプロジェクトワークスペース、プロジェクトごとに異なる設定 | advanced-projects |
コメント
Markdown 対応