What is React Testing Library and how do I get started?

What is React Testing Library and how do I get started?

React Testing Library is a popular testing utility for React applications that encourages good testing practices. It focuses on testing components in a way that resembles how users interact with them.

What are the main features of React Testing Library?

Some main features include querying elements by their text content, simulating user events, and providing a simple API for assertions.

Can you show me a basic example of a test using React Testing Library?

Sure! Here's a simple test for a button component:

import { render, screen } from '@testing-library/react';
import MyButton from './MyButton';

test('renders button with correct text', () => {
  render(<MyButton />);
  const buttonElement = screen.getByText(/click me/i);
  expect(buttonElement).toBeInTheDocument();
});

How does it compare to Enzyme?

React Testing Library focuses on testing components as users would interact with them, while Enzyme allows for more in-depth testing of component internals. RTL promotes better testing practices.