vue-integration-testing

SKILL.md

Write integration tests that verify complete user flows using Vitest Browser Mode (Playwright) with the createTestApp helper and Page Objects.

Tests share fake-indexeddb. Always use the provided setup/cleanup helpers:

| router | Router | Vue Router instance for navigation/assertions | | container | Element | Rendered DOM container |

Vitest ブラウザ モードとページ オブジェクトを使用して Vue 3 統合テストを作成します。ビュー、ルーティングのあるコンポーネント、ユーザー フロー、または複数のコンポーネントにまたがる機能のテストを追加するときは、常に積極的に使用してください。トリガーには、「テストの追加」、「テストの作成」、「これをテスト」、「テストが必要」、「統合テスト」、「機能のテスト」、「ユーザー フローのテスト」、または UI インタラクション、ナビゲーション、ダイアログ、フォーム、または複数ステップのワークフローのテストに関わるタスクが含まれます。 ソース: alexanderop/workouttracker。

原文を見る