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

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

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

Do I need to install anything else?

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 my first test with it?

You can write your first test by creating a test file, importing the necessary functions, and using render to test your components.

Can you show me an example of a simple test?

Sure! Here's a simple test:

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

test('renders learn react link', () => {
  render(<MyComponent />);
  const linkElement = screen.getByText(/learn react/i);
  expect(linkElement).toBeInTheDocument();
});