How do I handle async errors in React Testing Library?

How do I handle async errors in React Testing Library?

You can handle async errors in React Testing Library by using the waitFor utility to wait for elements to appear or change.

Can you give me an example of using waitFor?

Sure! You can use it like this: await waitFor(() => expect(screen.getByText(/error/i)).toBeInTheDocument());.

What if the error message doesn't appear?

If the error message doesn't appear, you might want to check if the component is rendering correctly or if the async function is being called.

Are there any best practices for testing async components?

Yes, always ensure your tests are isolated, use mocks for async functions, and clean up after each test to avoid side effects.