Testing Library

Testing Library changed how we think about UI testing with one principle: test behavior, not implementation. Query elements by their accessible roles, test what users see and do.

Key Features:

• User-centric Queries - Find elements like users would
• Framework Agnostic - React, Vue, Angular, and more
• Accessibility First - Queries encourage accessible markup
• Simple API - Clear, minimal API surface

Why Testing Library:

• Better Tests - Tests that don't break with refactoring
• Accessibility - Queries reveal accessibility issues
• Confidence - Tests match real user behavior
• Industry Standard - Default for React and beyond

Testing Library queries:

• getByRole - Find by ARIA role
• getByText - Find by visible text
• getByLabelText - Find form inputs by label
• getByPlaceholder - Find by placeholder text

Testing Library's philosophy has been widely adopted because it produces better tests. When you can't easily query an element, it often reveals an accessibility problem worth fixing.