How can I test async queries in React Native using Testing Library?

How can I test async queries in React Native using Testing Library?

You can use the waitFor utility from React Native Testing Library to handle async queries. It allows you to wait for a specific condition to be met before proceeding with your tests.

Can you show me a code example of using waitFor?

Sure! Here's a simple example:

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

test('loads and displays data', async () => {
  const { getByText } = render(<MyComponent />);

  await waitFor(() => {
    expect(getByText('Data Loaded')).toBeTruthy();
  });
});

What if the async query fails?

If the async query fails, you can use waitFor with a timeout or handle errors in your component. You can also assert that an error message is displayed.