Vue
Vue Test Utils is the official testing library for Vue 3 components, providing utilities to mount components in isolation and assert their behavior. This guide covers everything from basic mounting to advanced slot and prop testing patterns used in production Vue 3 projects. Key Takeaways Use mount for integration and
Testing
Pinia is the official state management library for Vue 3, and testing Pinia stores is straightforward once you understand the setup requirements. Unlike Vuex, Pinia stores are regular composables — you can import and call them directly in tests without complex mocking infrastructure. This guide covers testing Pinia stores in isolation,
Testing
Nuxt 3's auto-imports, composables, and server routes require a different testing approach than standard Vue 3. Vitest combined with @nuxt/test-utils provides first-class support for testing in the Nuxt runtime environment — giving you access to auto-imported functions, useNuxtApp(), and SSR utilities without elaborate mocking.
Testing
Nuxt 3's server directory provides a full Node.js server powered by H3, Nitro, and unjs utilities. Server routes in /server/api/, middleware in /server/middleware/, and utilities in /server/utils/ are testable as regular HTTP handlers — you don't need to spin up a browser to
Testing
Nuxt 3's server-side rendering, file-based routing, and auto-imports make it a powerful framework — and each of those features introduces testing considerations that plain Vue apps don't have. Playwright is the right tool for Nuxt 3 end-to-end testing: it handles SSR-rendered
Test Automation
Nuxt 3 ships with Nitro for the server layer, auto-imported composables, and a file-based routing system. Each of those layers can break independently, and when they do it often looks like silence: a composable that returns stale data, a Nitro route that drops requests under load, a component