nuxt-testing
Installation
SKILL.md
Nuxt Testing
Pick the cheapest tier that gives a real signal. Real infrastructure or test seams over mocks. Test user-visible behaviour, not implementation details.
Core Concepts
- unit-and-component.md — vitest with
@nuxt/test-utils, Testing Library, composable test helpers - e2e-and-api.md — Playwright for UI + API integration via the
requestfixture - test-seams.md —
/api/_dev/*endpoints and env-driven driver swaps for Nitro side effects
Tier Decision
| Behaviour | Tier |
|---|---|
| Pure logic (models, enums, utils) | Unit (vitest) |
| Composable in isolation | Unit (vitest + withSetup) |
| Component DOM + user interaction | Component (Testing Library) |
| Server route, full request pipeline | API integration (Playwright request) |
| Cross-step user journeys, real browser | E2E (Playwright page) |