What are some examples of using async hooks with Testing Library?

Can you provide examples of using async hooks with Testing Library?

Sure! Async hooks in Testing Library allow you to test components that rely on asynchronous operations. For example, you can use waitFor to wait for an element to appear after a fetch call.

Can you show me a code snippet for that?

Absolutely! Here's a simple example:

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

test('loads and displays greeting', async () => {
  render(<MyComponent />);

  await waitFor(() => screen.getByText('Hello, World!'));
  expect(screen.getByText('Hello, World!')).toBeInTheDocument();
});

What if the async operation fails?

In that case, you can use waitFor with a timeout or handle errors in your component. You can also test for error messages using getByText.

Are there any best practices for testing async hooks?

Yes! Always ensure your tests are isolated, use waitFor for async assertions, and clean up after each test to avoid memory leaks.