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 |

Écrivez des tests d'intégration de Vue 3 à l'aide du mode navigateur Vitest et des objets de page. Utilisez-le de manière proactive chaque fois que vous ajoutez des tests pour des vues, des composants avec routage, des flux d'utilisateurs ou des fonctionnalités qui s'étendent sur plusieurs composants. Les déclencheurs incluent « ajouter des tests », « écrire des tests », « tester ceci », « tester les besoins », « tester l'intégration », « tester la fonctionnalité », « tester le flux utilisateur » ou toute tâche impliquant de tester les interactions, la navigation, les boîtes de dialogue, les formulaires ou les flux de travail en plusieurs étapes de l'interface utilisateur. Source : alexanderop/workouttracker.

Voir l'original