How do I set up testing with React 18 and Testing Library?

How do I set up testing with React 18 and Testing Library?

To set up testing with React 18 and Testing Library, you need to install the necessary packages. Start by running npm install --save-dev @testing-library/react @testing-library/jest-dom.

What files do I need to create for my tests?

You typically create a __tests__ directory or a *.test.js file alongside your components. This is where you'll write your test cases.

Can you give me an example of a simple test?

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

How do I run my tests?

You can run your tests by using the command npm test in your terminal. This will start Jest and run all your test files.