How can I test Axios requests in React Native?

How can I test Axios requests in React Native?

You can use libraries like Jest and React Native Testing Library to test Axios requests. Would you like a code example?

Yes, please provide a code example.

Sure! Here's a simple example:

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

jest.mock('axios');

test('fetches successfully data from an API', async () => {
  const data = { data: { message: 'Hello World' } };
  axios.get.mockResolvedValue(data);

  const { getByText } = render(<MyComponent />);

  await waitFor(() => getByText('Hello World'));
});

This mocks the Axios request and tests if the component renders the fetched data.

What if the request fails?

You can test for error handling by mocking a rejected promise. Here's how:

axios.get.mockRejectedValue(new Error('Network Error'));

const { getByText } = render(<MyComponent />);

await waitFor(() => getByText('Error fetching data'));

This checks if your component handles the error correctly.