How do I use Testing Library for my React app?

How do I use Testing Library for my React app?

To use Testing Library, first install it with npm or yarn. You can run npm install --save-dev @testing-library/react.

What are some basic examples of tests I can write?

You can start with simple tests like rendering a component and checking if it displays the correct text. For example:

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();
});

Can I test user interactions with my components?

Yes! You can simulate user interactions using the fireEvent or userEvent methods. For example:

import { fireEvent } from '@testing-library/react';

test('button click changes text', () => {
  const { getByText } = render(<MyComponent />);
  const button = getByText('Click me');
  fireEvent.click(button);
  expect(getByText('Text after click')).toBeInTheDocument();
});