How can I use async/await with React Native Testing Library?

How can I use async/await with React Native Testing Library?

You can use async/await in your tests to handle asynchronous operations. For example, you can await the result of a query or an action.

Can you show me a code example?

Sure! Here's a simple example:

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

test('loads and displays greeting', async () => {
  render(<MyComponent />);
  const greeting = await screen.findByText(/hello/i);
  expect(greeting).toBeTruthy();
});

What if I need to mock an API call?

You can use libraries like jest.mock to mock your API calls. Here's an example:

jest.mock('axios');
import axios from 'axios';

axios.get.mockResolvedValue({ data: { greeting: 'Hello World' } });

Are there any best practices for testing with async/await?

Yes! Always ensure that your tests are properly awaited, and consider using waitFor for elements that may take time to appear.