Jest框架中模拟HTTP请求

在Jest框架中，我们可以使用jest.mock()方法来模拟HTTP请求

1. 首先，安装axios库：

npm install axios

2. 创建一个名为api.js的文件，其中包含一个使用axios发送GET请求的函数：

// api.js
import axios from 'axios';

export async function fetchData(url) {
  try {
    const response = await axios.get(url);
    return response.data;
  } catch (error) {
    console.error('Error fetching data:', error);
    throw error;
  }
}

3. 创建一个名为api.test.js的测试文件：

// api.test.js
import axios from 'axios';
import { fetchData } from './api';

jest.mock('axios');

describe('fetchData', () => {
  it('should return data from the API', async () => {
    const url = 'https://api.example.com/data';
    const expectedData = { key: 'value' };

    // 模拟axios.get()返回的Promise
    axios.get.mockResolvedValue({ data: expectedData });

    const data = await fetchData(url);

    expect(axios.get).toHaveBeenCalledWith(url);
    expect(data).toEqual(expectedData);
  });

  it('should handle errors', async () => {
    const url = 'https://api.example.com/data';
    const errorMessage = 'Network Error';

    // 模拟axios.get()返回的Promise
    axios.get.mockRejectedValue(new Error(errorMessage));

    try {
      await fetchData(url);
    } catch (error) {
      expect(axios.get).toHaveBeenCalledWith(url);
      expect(error.message).toEqual(errorMessage);
    }
  });
});

在这个例子中，我们使用jest.mock('axios')来模拟axios库。然后，在测试用例中，我们使用axios.get.mockResolvedValue()和axios.get.mockRejectedValue()来模拟成功和失败的HTTP请求。这样，我们就可以在不实际发送网络请求的情况下测试fetchData函数。