How can I use Axios with React Testing Library?

How can I use Axios with React Testing Library?

You can use Axios in your tests by mocking it. This allows you to simulate API calls without hitting the actual endpoints.

What library should I use to mock Axios?

You can use libraries like Jest or Axios Mock Adapter to mock Axios requests in your tests.

Can you show me a code example?

Sure! Here's a simple example:

import axios from 'axios';
import { render, screen } from '@testing-library/react';
import MyComponent from './MyComponent';
import MockAdapter from 'axios-mock-adapter';

const mock = new MockAdapter(axios);

mock.onGet('/api/data').reply(200, { data: 'some data' });

test('renders data from API', async () => {
  render(<MyComponent />);
  const dataElement = await screen.findByText(/some data/i);
  expect(dataElement).toBeInTheDocument();
});

What if I want to test error handling?

You can simulate an error response by using mock.onGet('/api/data').reply(500); and then test how your component handles the error.