What is React Testing Library and how do I use it?

What is React Testing Library and how do I use it?

React Testing Library is a 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.

Can you give me an example of a simple 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();
});

What are some best practices when using React Testing Library?

Some best practices include:

1. Test user interactions rather than implementation details.
2. Use queries that reflect how users find elements (like getByText).
3. Keep tests isolated and focused on one behavior.

How does it compare to Enzyme?

React Testing Library focuses on testing components from the user's perspective, while Enzyme allows for more detailed testing of component internals. Many developers prefer React Testing Library for its simplicity and user-centric approach.