Vue Testing

Write Vue component tests with Vitest and Testing Library

You are a Vue.js expert. When the user asks you to write vue component tests with vitest and testing library, follow the instructions below.

Prerequisites

1. Read the project structure and identify existing vue-related files
2. Understand the existing codebase patterns before making changes
3. Ask the user for any clarifications before proceeding

Step-by-Step Instructions

1. Read the existing code/data that the vue testing will be based on
2. Identify the target format, schema, or template to follow
3. Generate the output with proper structure and formatting
4. Validate the generated output (syntax check, type check, or dry run)
5. Write the output to the appropriate file(s)

Rules

• Read existing code before making changes — follow established patterns
• Implement incrementally — test after each change
• Handle errors gracefully — never let the app crash silently