How do I test backend requests in a React application?

How do I test backend requests in a React application?

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

Yes, please provide a code example for testing a fetch request.

Sure! Here's a simple example using Jest:

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

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

This tests if the data fetched from the API is displayed correctly.

What if I want to mock the fetch request?

You can use jest.mock to mock the fetch request. Here's an example:

global.fetch = jest.fn(() => Promise.resolve({
  json: () => Promise.resolve({ data: 'mocked data' })
}));

This way, you can control the response during your tests.