vue-testing-best-practices

vuejs-ai/skills · Agent Skill

Strategie di testing per le applicazioni Vue, inclusi test dei componenti, test di integrazione e modelli di affidabilità.

Vai all'installazione ↓

Panoramica

Autore	vuejs-aiOrganizzazione
Repository	vuejs-ai/skills ↗
Cartella dello skill	`vue-testing-best-practices`
Stelle	3151
Fork	184
File inclusi	12
Licenza	MIT
Aggiornato	23 ottobre 2026
Link	Sorgente dello skill ↗ · Repository ↗

Verifica Mozgi

Cosa abbiamo trovato nei file dello skill. I dettagli con l’abbonamento.

Sicurezza

rischio basso · nessun rischio evidente — il report completo mostra i dettagli

Compatibilità

solo istruzioni — funziona con la maggior parte degli agenti

Skill simili

62 skill simili trovati

Inoltre con l’abbonamento

Installazione

Uno skill è una cartella con un file SKILL.md. Scegli il tuo agente ed esegui i comandi in un terminale (macOS, Linux o Git Bash su Windows) dalla radice del progetto.

Incolla il prompt in Claude, Codex o un altro assistente: controllerà lo skill e lo installerà.

Install the “vue-testing-best-practices” skill from mozgi.io (https://mozgi.io/skills/vuejs-ai-vue-testing-best-practices/) for me.

1. Download the archive: https://mozgi.io/skills/vuejs-ai-vue-testing-best-practices/download
   If it fails, take the skill folder from the source: https://github.com/vuejs-ai/skills/tree/main/skills/vue-testing-best-practices
2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me.
3. Put the “vue-testing-best-practices” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.).
4. Make sure <skills folder>/vue-testing-best-practices/SKILL.md exists.
5. Briefly tell me what this skill does and offer to try it on my task.

If you cannot do a step yourself, tell me what to click or type.

git clone --depth 1 --branch main https://github.com/vuejs-ai/skills.git /tmp/skills
mkdir -p .claude/skills
cp -r /tmp/skills/skills/vue-testing-best-practices .claude/skills/vue-testing-best-practices

Riavvia Claude Code: lo skill compare nell'elenco; per richiamarlo a mano usa /vue-testing-best-practices. Per tutti i progetti: ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/vuejs-ai/skills.git /tmp/skills
mkdir -p .agents/skills
cp -r /tmp/skills/skills/vue-testing-best-practices .agents/skills/vue-testing-best-practices

Codex cerca gli skill in .agents/skills dalla cartella corrente fino alla radice del repo; richiamalo con /skills o $vue-testing-best-practices. Per tutti i progetti: ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/vuejs-ai/skills.git /tmp/skills
mkdir -p .cursor/skills
cp -r /tmp/skills/skills/vue-testing-best-practices .cursor/skills/vue-testing-best-practices

Cursor carica lo skill all'avvio; richiamalo con “/” nella chat Agent. Cursor legge anche .claude/skills e .agents/skills. Per tutti i progetti: ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/vuejs-ai/skills.git /tmp/skills
mkdir -p .gemini/skills
cp -r /tmp/skills/skills/vue-testing-best-practices .gemini/skills/vue-testing-best-practices

Gemini CLI propone di attivare lo skill quando il compito corrisponde: tu confermi. Per tutti i progetti: ~/.gemini/skills.

File dello skill

12 file Scarica ZIP

Leggi SKILL.md e i file correlati prima di installare. Clicca un file per l'anteprima.

Contenuto di SKILL.md

Testo originale dell'autore · sola lettura

Vue.js testing best practices, patterns, and common gotchas.

Testing

Setting up test infrastructure for Vue 3 projects → See testing-vitest-recommended-for-vue ↗
Tests keep breaking when refactoring component internals → See testing-component-blackbox-approach ↗
Tests fail intermittently with race conditions → See testing-async-await-flushpromises ↗
Composables using lifecycle hooks or inject fail to test → See testing-composables-helper-wrapper ↗
Getting "injection Symbol(pinia) not found" errors in tests → See testing-pinia-store-setup ↗
Components with async setup won't render in tests → See testing-suspense-async-components ↗
Snapshot tests keep passing despite broken functionality → See testing-no-snapshot-only ↗
Choosing end-to-end testing framework for Vue apps → See testing-e2e-playwright-recommended ↗
Tests need to verify computed styles or real DOM events → See testing-browser-vs-node-runners ↗
Testing components created with defineAsyncComponent fails → See async-component-testing ↗
Teleported modal content can't be found in wrapper queries → See teleport-testing-complexity ↗

Reference

Domande frequenti

Che cosa fa lo skill vue-testing-best-practices?

Strategie di testing per le applicazioni Vue, inclusi test dei componenti, test di integrazione e modelli di affidabilità.

Come si installa vue-testing-best-practices?

Apri il blocco “Installazione” in questa pagina e scegli il tuo agente — Claude Code, Codex, Cursor o Gemini CLI — per i comandi pronti che copiano la cartella dello skill nel posto giusto. Oppure copia il prompt dalla scheda “Con l'assistente” e lascia che sia l'assistente a controllare e installare lo skill.

Con quali modelli AI funziona vue-testing-best-practices?

Gli skill sono semplici istruzioni in Markdown (formato Agent Skills), quindi vue-testing-best-practices funziona con qualsiasi agente che legge SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode e altri. Il modello carica le istruzioni solo quando il compito corrisponde alla descrizione dello skill.

vue-testing-best-practices è gratuito?

Lo skill è pubblicato apertamente da vuejs-ai con licenza MIT. Lo skill in sé non costa nulla: paghi solo il tuo fornitore AI per i token usati.

È sicuro installare gli skill?

Uno skill è un insieme di istruzioni che il tuo agente seguirà: leggi SKILL.md e i file correlati prima di installarlo. Gli script nella cartella dello skill vengono eseguiti solo se li esegue l'agente: controlla cosa fa e non concedere permessi superflui.

In cosa differisce uno skill da un server MCP o da un plugin?

Un server MCP o un plugin danno al modello nuovi strumenti: codice che viene eseguito e restituisce un risultato. Uno skill fornisce conoscenza e metodo: come affrontare il compito, quali passi seguire e com'è un buon risultato. Non servono server né chiavi API.

Skill correlati

Tutti gli skill →

create-adaptable-composable Creare composizioni di libreria Vue che supportano valori semplici, riferimenti e ricevitori con reattività prevedibile. vuejs-ai3.2k

vue-best-practices Linee guida principali per lo sviluppo su Vue per l'architettura dei componenti, la reattività e il codice manutenibile per Vue vuejs-ai3.2k

vue-jsx-best-practices Guida per scrivere componenti Vue robusti, tipicamente sicuri e leggibili utilizzando JSX vuejs-ai3.2k

vue-options-api-best-practices Le migliori pratiche per la strutturazione e la scalabilità delle applicazioni Vue costruite con Options API vuejs-ai3.2k

vue-pinia-best-practices Modelli per una gestione dello stato pulita e scalabile nelle applicazioni Vue utilizzando i negozi Pinia. vuejs-ai3.2k

to-prd Converte la conversazione in un ticket tecnico e lo pubblica nel sistema di tracciamento degli errori. mattpocock304k