How do I test APIs in a React application?

How do I test APIs in a React application?

You can use libraries like Axios for API calls and Jest along with React Testing Library for testing.

Can you show me an example of a test case?

Sure! Here's a simple test case using Jest:

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

test('fetches and displays data', async () => {
  render(<MyComponent />);
  const dataElement = await screen.findByText(/data/i);
  expect(dataElement).toBeInTheDocument();
});

What about mocking API calls?

You can use libraries like msw (Mock Service Worker) to mock API calls in your tests.

Are there any best practices for API testing in React?

Yes! Some best practices include testing edge cases, using mocks for external services, and keeping tests isolated.