Testing Library

Overview

Testing Library tests UI components from the user's perspective — find elements by their accessible role, text content, or label, not by CSS class or test ID. If a user can't find a button, your test shouldn't find it either. This approach catches accessibility issues by default, survives refactors (rename a CSS class and tests still pass), and produces tests that actually prove the UI works.

When to Use

• Testing React/Vue/Svelte components
• Want tests that survive refactoring (no CSS selectors or internal state checks)
• Need to verify accessibility (ARIA roles, labels)
• Testing user interactions (clicks, typing, form submission)
• Integration testing of component behavior (not snapshot testing)

Instructions

Setup