How do I handle errors in async/await with Testing Library?

How do I handle errors in async/await with Testing Library?

You can handle errors in async/await by using try/catch blocks. This allows you to catch any errors that occur during the asynchronous operation.

Can you show me an example of that?

Sure! Here's a simple example:

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

test('handles error correctly', async () => {
  try {
    render(<MyComponent />);
    await screen.findByText(/some text/i);
  } catch (error) {
    expect(error).toBeDefined();
  }
});

What if I want to test that an error message is displayed?

You can assert that the error message is rendered in the DOM. For example:

test('displays error message', async () => {
  render(<MyComponent />);
  const errorMessage = await screen.findByText(/error occurred/i);
  expect(errorMessage).toBeInTheDocument();
});