Unit Testing Skill

Best practices, workflows, and common pitfalls for Vue 3 / TypeScript / Vitest projects.

Core Principles

• Black-box testing: Test behavior (output/events/DOM), not implementation details (internal variables, private methods)
• AAA structure: Every test follows Arrange → Act → Assert
• Single responsibility: One it() verifies one thing only
• Readability first: Test names should clearly state "given what condition, expect what result"

Quick Reference Index