skills.rest
caraseli02
caraseli02COMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-testing-vue

Generate Vitest and Vue Test Utils tests for Vue 3/Nuxt 4 components, composables, stores, and server routes.

Updated Aug 27, 2026
Search Tags:#vitest#vue#nuxt#unit-tests#integration-tests#testing-patterns#vue-test-utils
One-click install
npx skills add https://github.com/caraseli02/MoldovaDirect --skill frontend-testing-vue
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-testing-vue
Source: https://github.com/caraseli02/MoldovaDirect/tree/main/.claude/skills/frontend-testing-vue
Command: npx skills add https://github.com/caraseli02/MoldovaDirect --skill frontend-testing-vue

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often struggle to generate and maintain comprehensive unit and integration tests for Vue 3/Nuxt 4 projects, resulting in brittle components and slow feedback loops.

Core Features & Use Cases

  • Generates Vitest + Vue Test Utils tests for components, composables, stores, and server routes within Nuxt 4 projects.
  • Provides reusable templates, patterns, and incremental workflows that align with Nuxt auto-imports and Pinia stores to boost test reliability and coverage.
  • Supports writing and reviewing tests, with guidance for unit and integration scenarios.

Quick Start

Run the provided Vue/Nuxt test templates to scaffold tests and then run pnpm test:unit to verify new files.

Frequently Asked Questions about frontend-testing-vue

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

FAQPage Schema
How do I automate Vue and Nuxt tests with Vitest?▼

You can automate Vue and Nuxt tests by generating unit and integration tests with Vitest and Vue Test Utils, using templated patterns to cover components, composables, and stores.

What is the best way to mock Nuxt auto-imports in Vitest?▼

The best way to mock Nuxt auto-imports in Vitest is by using dynamic imports and robust mocking strategies within structured test templates to ensure reliable execution.

How do I write integration tests for Pinia stores in Nuxt 4?▼

You can write integration tests for Pinia stores in Nuxt 4 by applying reusable testing patterns that align with Vitest and Vue Test Utils to validate state and actions.

Does this testing pattern support Vue composables and server routes?▼

Yes, these testing patterns support Vue composables and server routes, generating structured Vitest tests that improve coverage and maintainability across your project.

Why do my Nuxt unit tests break when using standard Vue test templates?▼

Standard Vue test templates often break for Nuxt because they lack dynamic imports for auto-imports and proper mocking strategies, which these structured patterns provide.

How do I scaffold Vitest tests for a Vue 3 component?▼

You can scaffold Vitest tests for a Vue 3 component by running the provided test templates to generate files, then executing pnpm test:unit to verify the new tests.

Related Skills

Explore More Software Engineering Skills→
machhub-devmachhub-dev
1

machhub-nuxt-vue

Integrate the MACHHUB SDK into Nuxt 3 and Vue 3 projects with templates and composables.

Official
Intermediate
Doyajin174Doyajin174
1

ci-pipeline-setup

Define a multi-stage CI pipeline with lint, typecheck, tests, build, and security checks.

Community
Advanced
kirklinkirklin
1

vue-testing-best-practices

Guide Vue 3 testing with Vitest, Vue Test Utils, and Playwright.

Community
Advanced
mheersmheers

vue-testing-best-practices

Outline Vue 3 testing patterns with Vitest, Vue Test Utils, and Playwright.

Community
Intermediate