How do I set up React Testing Library in my project?

How do I set up React Testing Library in my project?

To set up React Testing Library, first install it using npm or yarn. Run npm install --save-dev @testing-library/react.

Do I need to install any other dependencies?

Yes, you might also want to install @testing-library/jest-dom for additional matchers. Use npm install --save-dev @testing-library/jest-dom.

How do I write a simple test using it?

You can write a simple test by creating a test file, importing the library, and using render to test your component. Here's a basic example.

Can you show me the example?

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 text', () => {
  render(<MyButton />);
  const buttonElement = screen.getByText(/click me/i);
  expect(buttonElement).toBeInTheDocument();
});