How can I test React components using Async Testing Library?

How can I test React components using Async Testing Library?

You can test React components using Async Testing Library by utilizing its built-in async utilities like waitFor and findBy.

Can you give me an example of using waitFor?

Sure! You can use waitFor to wait for an element to appear in the DOM. For example:

await waitFor(() => {
  expect(screen.getByText('Loaded')).toBeInTheDocument();
});

What about testing API calls in my components?

For testing API calls, you can mock the API response using libraries like msw or jest.mock. This allows you to simulate different scenarios.

Are there any best practices for testing with Async Testing Library?

Yes! Some best practices include keeping tests isolated, using findBy queries for async elements, and avoiding unnecessary waits.