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
Vue
Histoire is a component story tool for Vue 3 (and experimentally Svelte). Where Storybook adapted its React-first design to Vue, Histoire was built with Vue 3 in mind from the start. It uses Vite natively, integrates with the Vue SFC format naturally, and renders stories in an iframe-less
Testing
The Vue 3 Composition API changed how we write Vue components — and it changed how we test them. Composables can be tested in isolation, reactive state is explicit and predictable, and <script setup> components are simpler to reason about. But the patterns for testing them effectively aren'
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
@testing-library/vue applies Testing Library's core philosophy to Vue 3 component tests: query elements the way users find them, interact with the interface like a user would, and assert on visible outcomes rather than implementation details. This guide shows how to write Vue 3 component tests with
Internationalization
Vue applications using vue-i18n face a common testing problem: the i18n plugin must be configured and installed before any component that uses $t() or useI18n() can render. Without the right setup, tests fail with "inject() can only be used inside setup()" or "Cannot read properties of