vue3-testing

Automate Vue 3 testing with Vitest unit tests and Playwright E2E templates.

4|Updated Nov 17, 2023
One-click install
npx skills add https://github.com/cpvasques/vue-template --skill vue3-testing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue3-testing
Source: https://github.com/cpvasques/vue-template/tree/main/.cursor/skills/vue3-testing
Command: npx skills add https://github.com/cpvasques/vue-template --skill vue3-testing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Esta Skill oferece diretrizes consolidadas para desenvolver testes Vue com Vitest e Playwright, promovendo padrões consistentes e reduzindo a fricção de configuração.

Core Features & Use Cases

  • Vitest Unit Testing: Estrutura e convenções para testes unitários em projetos Vue 3, incluindo organização de pastas e convenções de nomes.
  • Playwright E2E Testing: Estrutura de testes E2E por feature/flow com padrões de escrita, organização de fluxos e estratégias de mocks.
  • Templates & Mocks: Templates prontos e orientações de mocking para acelerar a construção de testes e manter consistência entre equipes.

Quick Start

Crie ou atualize testes seguindo os padrões de estrutura e templates apresentados.

Frequently Asked Questions about vue3-testing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Vue 3 testing with Vitest and Playwright?

Vue 3 testing with Vitest and Playwright is set up by applying standardized folder structures, naming conventions, and ready-to-use templates for unit and E2E tests. This ensures consistent testing workflows across your project.

What is the best way to structure end-to-end tests in a Vue 3 project?

The best way to structure Vue 3 E2E tests is organizing Playwright test files by feature or flow. This approach applies standardized writing patterns and mock strategies to maintain consistency across complex user journeys.

How do I create mocks for Vue component unit tests?

Mocks for Vue component unit tests are created using provided guidelines and templates within Vitest. These templates accelerate test construction and ensure mocking strategies remain consistent across the development team.

Does this Vue testing approach work for both unit and E2E tests?

Yes, this Vue testing approach works for both unit and E2E tests. It provides Vitest conventions for unit testing and Playwright templates for end-to-end testing, covering the complete testing strategy for Vue 3 projects.

Why do I need standardized templates for Vue testing?

Standardized templates for Vue testing are needed to reduce configuration friction and promote consistent patterns across the team. They provide reusable structures for Vitest and Playwright, accelerating test creation and maintaining quality.