Fähigkeiten vue-testing-best-practices

📦

vue-testing-best-practices

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

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

Vue-Testqualität verbessern

Vue-Tests scheitern häufig an asynchronem Timing, fragilen Interna und schwachen Snapshots. Dieser Skill leitet Claude, Codex und Claude Code zu zuverlässigen Mustern für Vitest, Vue Test Utils und Playwright.

Unterstützt: Claude Codex Code(CC)

🥈 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/antfu-vue-testing-best-practices.md and its manifest at https://skillstore.io/api/skills/antfu-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/antfu-vue-testing-best-practices.md Signiertes manifest GET /api/skills/antfu-vue-testing-best-practices/manifest Signiertes lockfile GET /api/skills/antfu-vue-testing-best-practices/lockfile

Testen

„vue-testing-best-practices“ wird verwendet. Ein Team fragt, warum Tests asynchroner Komponenten Assertions ausführen, bevor Inhalte erscheinen.

Erwartetes Ergebnis:

Erklärt, dass asynchrone Vue-Komponenten nach dem ersten Mount aufgelöst werden.
Empfiehlt, ausstehende Promises vor den finalen Assertions abzuwarten.
Schlägt vor, Lade-, Erfolgs- und Fehlerzustände getrennt abzudecken.

„vue-testing-best-practices“ wird verwendet. Ein Reviewer findet Tests, die den privaten Zustand einer Komponente direkt lesen.

Erwartetes Ergebnis:

Identifiziert die Tests als implementierungsgekoppelt und fragil.
Empfiehlt nutzerorientierte Queries, Prüfungen ausgelöster Events und Assertions auf sichtbare Ausgabe.
Behält data-testid-Empfehlungen für Elemente ohne semantische Bedeutung bei.

„vue-testing-best-practices“ wird verwendet. Ein Projekt benötigt E2E-Anleitung für eine Vue-App.

Erwartetes Ergebnis:

Empfiehlt Playwright für browserübergreifende Abdeckung und lokale Serverintegration.
Schlägt stabile Locator-Muster und CI-bewusste Retry-Einstellungen vor.
Trennt E2E-Abläufe von Vitest-Abdeckung auf Komponentenebene.

Sicherheitsaudit

Sicher

v5 • 23.7.2026 Versionsbericht öffnen

All 42 static detections are false positives caused by Markdown examples, ordinary test configuration, localhost URLs, and official documentation links. The examples do not execute shell commands, read environment files, expose secrets, or contact untrusted services. No prompt injection or other semantic security concern was found.

Gescannte Dateien

2,255

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/antfu-vue-testing-best-practices/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

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

HTML-Badge

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

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/antfu-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 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/antfu-vue-testing-best-practices/audits/5

BibTeX-Zitat

@techreport{github-com-vuejs-ai-antfu-vue-testing-best-practices-2026,
  author = {github.com/vuejs-ai},
  title = {vue-testing-best-practices security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/antfu-vue-testing-best-practices/audits/5},
  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 5)"
version: "1.0.0"
type: report
authors:
  - name: "github.com/vuejs-ai"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vue-testing-best-practices/audits/5"
identifiers:
  - type: other
    value: "skillstore:antfu-vue-testing-best-practices:audit:5"
    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

vuejs-ai-vue-testing-best-practices

Skillstore-Score 80

Evidenzvertrauen Hoch

Skillstore-Nutzung 20

Aktualisiert

2026-09-09

github.com/vuejs-ai Aktuell

antfu-vue-testing-best-practices

Skillstore-Score 80

Evidenzvertrauen Hoch

Skillstore-Nutzung 18

Aktualisiert

2026-09-09

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

100

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Vue-Tests einrichten

Eine praktische Basis mit Vitest und Vue Test Utils für eine neue Vue 3-Anwendung erstellen.

Instabile Tests stabilisieren

Timing-Probleme rund um asynchrone Komponenten, Suspense, flushPromises und DOM-Aktualisierungen diagnostizieren.

Testdesign verbessern

Fragile Implementierungstests und reine Snapshot-Prüfungen durch verhaltensorientierte Abdeckung ersetzen.

Diese Prompts ausprobieren

Grundlegende Tests einrichten

Nutze diesen Skill, um Vitest und Vue Test Utils für mein Vue 3-Projekt einzurichten. Empfiehl Optionen für die Testumgebung und eine grundlegende Konfiguration.

Asynchrone Fehler beheben

Nutze diesen Skill, um meine fehlschlagenden Tests für asynchrone Vue-Komponenten zu überprüfen. Erkläre, wo flushPromises, nextTick oder Suspense-Wrapper benötigt werden.

Testqualität überprüfen

Nutze diesen Skill, um meine Vue-Komponententests auf fragile Interna, reine Snapshot-Assertions, schwache Selektoren und fehlende Abdeckung von Nutzerverhalten zu überprüfen.

Vollständige Strategie entwerfen

Nutze diesen Skill, um eine Vue-Teststrategie über Vitest, Composables, Pinia, asynchrone Komponenten, Teleport und Playwright-E2E-Tests hinweg zu entwerfen.

Bewährte Praktiken

Bevorzuge verhaltensorientierte Assertions gegenüber direktem Zugriff auf Komponenten-Interna.
Warte Vue-Aktualisierungen, Promises und Nutzerinteraktionen vor finalen Assertions ab.
Nutze Playwright für kritische browserübergreifende Nutzerabläufe und Vitest für Komponenten-Feedback.

Vermeiden

Verlasse dich nicht auf reine Snapshot-Tests, um die Korrektheit von Komponenten zu prüfen.
Teste keine privaten Methoden, wenn sichtbares Verhalten dasselbe Ergebnis belegen kann.
Ignoriere kein asynchrones Timing beim Testen von Suspense- oder defineAsyncComponent-Nutzung.