Compétences vue-testing-best-practices

📦

vue-testing-best-practices

Name: vue-testing-best-practices
Author: github.com/vuejs-ai

v1.0.0 Révision du contenu r1 Sûr ⚡ Contient des scripts⚙️ Commandes externes🌐 Accès réseau🔑 Variables d’environnement

Améliorer les pratiques de test Vue

Les suites de tests Vue deviennent souvent instables, fragiles ou difficiles à configurer. Cette compétence fournit des recommandations ciblées pour des tests Vue 3 fiables avec Vitest, Vue Test Utils, Pinia, des assistants asynchrones et Playwright.

Prend en charge: Claude Codex Code(CC)

🥈 80 Argent

Maintain this Skill? Claim it 🥈 80 Argent

Installer avec mon Agent

Copiez cette demande dans votre Agent. Elle contient la page Skill de référence et le manifeste.

Demande d’agent

Review the Skillstore skill "vue-testing-best-practices" from https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-vue-testing-best-practices/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Votre Agent doit toujours présenter son plan et demander toute confirmation exigée par la politique de sécurité.

Ressources lisibles par les agents

Utilisez ces liens lorsqu’un Agent IA, un crawler ou un script a besoin d’un contexte propre au lieu de lire toute la page.

Détail Markdown GET /skills/vuejs-ai-vue-testing-best-practices.md manifest signé GET /api/skills/vuejs-ai-vue-testing-best-practices/manifest lockfile signé GET /api/skills/vuejs-ai-vue-testing-best-practices/lockfile

Tester

Utilisation de « vue-testing-best-practices ». Un test de composant échoue avant le rendu des données asynchrones.

Résultat attendu:

Le problème probable est la présence de promesses non résolues après le montage. La recommandation consiste à attendre les mises à jour Vue, vider les promesses en attente et n’effectuer les assertions qu’une fois le composant asynchrone ou la requête terminé.

Utilisation de « vue-testing-best-practices ». Une équipe s’appuie sur de larges snapshots pour la couverture des composants.

Résultat attendu:

La réponse recommande des snapshots plus petits uniquement pour le balisage stable et ajoute des assertions de comportement pour le texte visible, les événements émis, l’état des formulaires et les interactions utilisateur.

Utilisation de « vue-testing-best-practices ». Une modale rendue avec Teleport est introuvable dans les requêtes du wrapper.

Résultat attendu:

La réponse explique pourquoi les requêtes limitées au wrapper ne trouvent pas le DOM téléporté et recommande de stubber Teleport pour les tests unitaires ou d’interroger le body du document pour les tests d’intégration.

Audit de sécurité

Sûr

v4 • 07/07/2026 Ouvrir le rapport versionné

I found no evidence of malicious intent or prompt injection. The static findings are false positives from documentation examples: local dynamic imports, CI flags, localhost URLs, and Markdown backticks. No remediation is required before publication from this audit.

Fichiers analysés

2,227

Lignes analysées

Éléments à examiner

Faux positifs ignorés

Facteurs de risque

⚡ Contient des scripts (5)

reference/async-component-testing.md:28 reference/async-component-testing.md:46 reference/async-component-testing.md:60 reference/async-component-testing.md:85 reference/async-component-testing.md:142

⚙️ Commandes externes (4)

reference/async-component-testing.md:98-110 reference/testing-no-snapshot-only.md:109-111 reference/testing-suspense-async-components.md:57-72 reference/testing-suspense-async-components.md:203-213

🌐 Accès réseau (6)

reference/testing-e2e-playwright-recommended.md:50 reference/testing-e2e-playwright-recommended.md:80 SKILL.md:26 SKILL.md:27 SKILL.md:28 SKILL.md:29

🔑 Variables d’environnement (10)

reference/testing-e2e-playwright-recommended.md:43 reference/testing-e2e-playwright-recommended.md:44 reference/testing-e2e-playwright-recommended.md:45 reference/testing-e2e-playwright-recommended.md:81 reference/testing-e2e-playwright-recommended.md:43 reference/testing-e2e-playwright-recommended.md:44 reference/testing-e2e-playwright-recommended.md:45 reference/testing-e2e-playwright-recommended.md:81 reference/testing-vitest-recommended-for-vue.md:160 reference/testing-vitest-recommended-for-vue.md:160

Le dernier audit statique et sémantique terminé n’a détecté aucun constat de sécurité confirmé. Cela ne prouve pas que le skill est sans effets secondaires.

Audité par: codex Voir l’historique des audits →

Partager et citer ce rapport

Partagez le rapport d’évaluation versionné, le badge neutre, la carte intégrable et les citations. Skillstore présente les preuves sans décider si ce Skill est sûr.

Ouvrir le rapport versionné

Copier le lien du rapport

https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/vuejs-ai-vue-testing-best-practices/security.svg)](https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vuejs-ai-vue-testing-best-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Carte intégrable

<iframe src="https://skillstore.io/embed/skills/vuejs-ai-vue-testing-best-practices.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citations académiques (APA · BibTeX · CFF)

Citation APA

github.com/vuejs-ai. (2026). vue-testing-best-practices security audit report (audit version 4) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices/audits/4

Citation BibTeX

@techreport{github-com-vuejs-ai-vuejs-ai-vue-testing-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-testing-best-practices security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices/audits/4},
  note = {Author version 1.0.0}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-testing-best-practices security audit report (audit version 4)"
version: "1.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-testing-best-practices/audits/4"
identifiers:
  - type: other
    value: "skillstore:vuejs-ai-vue-testing-best-practices:audit:4"
    description: "Skillstore immutable audit report identifier"

Comparer les variantes

2 variantes installables

Chaque auteur reste un skill installable distinct. La variante recommandée est classée selon les preuves Skillstore.

Pourquoi cette variante est première

Utilisation Skillstore plus élevée

Auteur / source Score Skillstore Niveau de confiance des preuves Utilisation Skillstore Mis à jour

github.com/vuejs-ai Recommandé

antfu-vue-testing-best-practices

Score Skillstore 80

Niveau de confiance des preuves Élevé

Utilisation Skillstore 29

Mis à jour

2026-10-24

github.com/vuejs-ai Actuelle

vuejs-ai-vue-testing-best-practices

Score Skillstore 80

Niveau de confiance des preuves Élevé

Utilisation Skillstore 25

Mis à jour

2026-09-09

Score Skillstore

Pourquoi ce score Niveau de confiance des preuves: Élevé

Architecture

100

Maintenabilité

Contenu

Communauté

Conformité aux spécifications

Ce que vous pouvez créer

Stabiliser les tests de composants instables

Diagnostiquer les problèmes de mises à jour asynchrones et choisir les bonnes attentes pour les mises à jour du DOM Vue, les promesses et les événements utilisateur.

Planifier l’infrastructure de test Vue

Choisir Vitest, le mode navigateur ou Playwright selon la portée des tests, les besoins d’exécution et les contraintes de CI.

Réviser les pratiques de test de l’équipe

Remplacer les snapshots fragiles et les vérifications dépendantes de l’implémentation par des assertions centrées sur le comportement et des assistants maintenables.

Essayez ces prompts

Choisir un runner de tests Vue

Aide-moi à choisir une configuration de test Vue 3 pour un projet Vite. Compare Vitest, Vue Test Utils, le mode navigateur et Playwright pour mon cas d’utilisation.

Corriger un échec de test asynchrone

Analyse ce test Vue en échec et explique si je dois utiliser nextTick, flushPromises, waitFor ou Suspense. Concentre-toi sur le problème de timing asynchrone.

Améliorer la configuration des tests Pinia

Évalue mon approche de test Pinia. Recommande quand utiliser createTestingPinia, setActivePinia, des actions simulées et l’exécution réelle des actions.

Concevoir une stratégie de test

Crée une stratégie de test Vue pour une grande application avec des composables, des stores Pinia, des composants asynchrones, des modales Teleport, des comportements spécifiques au navigateur et des flux E2E.

Bonnes pratiques

Tester le comportement visible par l’utilisateur avant les détails d’implémentation.
Utiliser le runner le plus léger qui couvre correctement le comportement testé.
Attendre explicitement les mises à jour Vue, les promesses externes et les événements utilisateur.

Éviter

Utiliser les snapshots comme seule preuve qu’un composant fonctionne.
Appeler des méthodes privées du composant au lieu d’interagir via le rendu affiché.
Utiliser des tests navigateur ou E2E pour une logique que des tests de composants rapides peuvent couvrir.

Foire aux questions

Quelles versions de Vue cette compétence cible-t-elle ?

Elle cible les projets Vue 3, en particulier les applications construites avec Vite, Vitest, Vue Test Utils, Pinia et Playwright.

Peut-elle aider à choisir entre Vitest et Playwright ?

Oui. Elle explique quand utiliser des tests de composants rapides, des tests de composants basés sur le navigateur et des tests end-to-end Playwright.

Génère-t-elle des fichiers de test complets ?

Elle peut guider la structure des tests et fournir des exemples, mais les tests générés doivent être relus et adaptés au codebase du projet.

Couvre-t-elle le comportement asynchrone de Vue ?

Oui. Elle couvre nextTick, flushPromises, Suspense, async setup, defineAsyncComponent et les échecs de tests liés au timing.

Prend-elle en charge les tests Pinia ?

Oui. Elle couvre createTestingPinia, setActivePinia, le stubbing des actions, l’exécution réelle des actions et l’isolation des stores.

Cette compétence peut-elle être publiée en toute sécurité ?

L’audit n’a trouvé que des exemples de documentation et des références de test normales. Aucun comportement malveillant ni aucune injection de prompt n’a été identifié.