How do you test Vue components?

Summary

Use Vitest with Vue Test Utils (or Testing Library for Vue) to mount components, interact with them as a user would, and assert on rendered output and emitted events; test composables and stores as plain functions; and cover critical journeys end to end with Playwright or Cypress.

Longer Answer

Prefer testing behaviour over implementation details: find elements by role or text, trigger events, await updates (await wrapper.find('button').trigger('click') or await nextTick()), and assert what the user sees. Stub child components or network calls (MSW) where needed, use createTestingPinia for stores, and provide router and plugins via global mounting options.

Key Points

• Vitest + Vue Test Utils or Testing Library.
• Test behaviour, not internals.
• Composables and stores as functions.
• E2E for critical flows.