Fähigkeiten vue-testing-best-practices

📦

vue-testing-best-practices

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

v1.0.0 Inhaltsrevision r1 Sicher ⚡ Enthält Skripte⚙️ Externe Befehle🌐 Netzwerkzugriff🔑 Umgebungsvariablen

Vue-Testpraktiken verbessern

Vue-Testsuites werden häufig instabil, spröde oder schwierig zu konfigurieren. Diese Skill bietet gezielte Anleitung für zuverlässige Vue 3-Tests mit Vitest, Vue Test Utils, Pinia, Async-Helfern und Playwright.

Unterstützt: Claude Codex Code(CC)

🥈 80 Silber

Maintain this Skill? Claim it 🥈 80 Silber

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

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.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/vuejs-ai-vue-testing-best-practices.md Signiertes manifest GET /api/skills/vuejs-ai-vue-testing-best-practices/manifest Signiertes lockfile GET /api/skills/vuejs-ai-vue-testing-best-practices/lockfile

Testen

„vue-testing-best-practices“ wird verwendet. Ein Komponententest schlägt fehl, bevor Async-Daten gerendert werden.

Erwartetes Ergebnis:

Das wahrscheinliche Problem sind nicht aufgelöste Promises nach dem Mounten. Die Empfehlung lautet, Vue-Updates abzuwarten, ausstehende Promises zu flushen und erst dann Assertions auszuführen, wenn die Async-Komponente oder Anfrage abgeschlossen ist.

„vue-testing-best-practices“ wird verwendet. Ein Team verlässt sich für die Komponentenabdeckung auf breite Snapshots.

Erwartetes Ergebnis:

Die Antwort empfiehlt kleinere Snapshots nur für stabiles Markup und ergänzt Verhaltens-Assertions für sichtbaren Text, emittierte Ereignisse, Formularzustand und Benutzerinteraktionen.

„vue-testing-best-practices“ wird verwendet. Ein mit Teleport gerendertes Modal kann in wrapper-Abfragen nicht gefunden werden.

Erwartetes Ergebnis:

Die Antwort erklärt, warum auf den wrapper beschränkte Abfragen teleportiertes DOM nicht erfassen, und empfiehlt, Teleport für Unit-Tests zu stubben oder für Integrationstests document body abzufragen.

Sicherheitsaudit

Sicher

v4 • 7.7.2026 Versionsbericht öffnen

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.

Gescannte Dateien

2,227

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

⚡ Enthält Skripte (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

⚙️ Externe Befehle (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

🌐 Netzwerkzugriff (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

🔑 Umgebungsvariablen (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

Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.

Geprüft von: codex Audit-Verlauf anzeigen →

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

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

Markdown-Badge

[![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)

HTML-Badge

<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>

Einbettungskarte

<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>

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

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

BibTeX-Zitat

@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"

Varianten vergleichen

2 installierbare Varianten

Jeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.

Warum diese Variante zuerst steht

Höhere Skillstore-Nutzung

Autor / Quelle Skillstore-Score Evidenzvertrauen Skillstore-Nutzung Aktualisiert

github.com/vuejs-ai Empfohlen

antfu-vue-testing-best-practices

Skillstore-Score 80

Evidenzvertrauen Hoch

Skillstore-Nutzung 31

Aktualisiert

2026-10-24

github.com/vuejs-ai Aktuell

vuejs-ai-vue-testing-best-practices

Skillstore-Score 80

Evidenzvertrauen Hoch

Skillstore-Nutzung 25

Aktualisiert

2026-09-09

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

100

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Instabile Komponententests stabilisieren

Async-Update-Probleme diagnostizieren und die richtigen Wartebedingungen für Vue-DOM-Updates, Promises und Benutzerereignisse auswählen.

Vue-Testinfrastruktur planen

Vitest, Browsermodus oder Playwright basierend auf Testumfang, Laufzeitanforderungen und CI-Einschränkungen auswählen.

Testmuster im Team überprüfen

Spröde Snapshots und implementierungsnahe Prüfungen durch verhaltensorientierte Assertions und wartbare Helfer ersetzen.

Diese Prompts ausprobieren

Einen Vue-Test-Runner auswählen

Hilf mir, ein Vue 3-Testsetup für ein Vite-Projekt auszuwählen. Vergleiche Vitest, Vue Test Utils, Browsermodus und Playwright für meinen Anwendungsfall.

Einen Async-Testfehler beheben

Überprüfe diesen fehlgeschlagenen Vue-Test und erkläre, ob ich nextTick, flushPromises, waitFor oder Suspense verwenden sollte. Konzentriere dich auf das Async-Timing-Problem.

Pinia-Testsetup verbessern

Bewerte meinen Pinia-Testansatz. Empfiehl, wann createTestingPinia, setActivePinia, gestubbte Actions und echte Action-Ausführung verwendet werden sollten.

Eine Teststrategie entwerfen

Erstelle eine Vue-Teststrategie für eine große App mit Composables, Pinia-Stores, Async-Komponenten, Teleport-Modals, browserspezifischem Verhalten und E2E-Flows.

Bewährte Praktiken

Teste benutzersichtbares Verhalten vor Implementierungsdetails.
Verwende den kleinsten Runner, der das zu testende Verhalten korrekt abdeckt.
Warte Vue-Updates, externe Promises und Benutzerereignisse explizit ab.

Vermeiden

Snapshots als einzigen Nachweis dafür verwenden, dass eine Komponente funktioniert.
Private Komponentenmethoden aufrufen, statt über die gerenderte Ausgabe zu interagieren.
Browser- oder E2E-Tests für Logik verwenden, die schnelle Komponententests abdecken können.