How can I test my React components using Testing Library and Jest?

How can I test my React components using Testing Library and Jest?

You can test your React components by using Testing Library to render them and Jest for assertions. Would you like a code example?

Yes, please provide a simple example.

Sure! Here's a basic 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();
});

What if I want to test user interactions?

You can simulate user interactions using the fireEvent or userEvent methods from Testing Library. Would you like to see an example?