如何用jest模拟2个fetch调用？

Jest是一种流行的JavaScript测试框架，用于编写和运行单元测试。使用Jest可以模拟网络请求，包括模拟两个fetch调用。下面是如何使用Jest模拟两个fetch调用的步骤：

首先，安装Jest。可以使用npm或者yarn来安装Jest：

npm install --save-dev jest

或者

yarn add --dev jest

创建一个测试文件。在项目的根目录下创建一个名为"fetch.test.js"的文件，用于编写测试代码。
在测试文件中，引入需要测试的模块或者函数。在这个例子中，我们假设有一个叫做"api.js"的模块，其中包含了两个fetch调用的函数。
编写测试代码。在测试文件中，使用Jest提供的全局函数"test"来编写测试用例。每个测试用例应该是一个独立的函数。在每个测试用例中，可以使用Jest提供的全局函数"mockImplementation"来模拟fetch调用的返回值。

下面是一个示例代码，演示了如何使用Jest模拟两个fetch调用：

// 引入需要测试的模块或者函数
const api = require('./api');

// 第一个fetch调用的测试用例
test('test fetch 1', () => {
  // 模拟fetch调用的返回值
  global.fetch = jest.fn().mockImplementation(() =>
    Promise.resolve({
      json: () => Promise.resolve({ data: 'response 1' }),
    })
  );

  // 调用需要测试的函数
  return api.fetchData1().then((response) => {
    // 验证fetch调用的返回值是否正确
    expect(response.data).toBe('response 1');
  });
});

// 第二个fetch调用的测试用例
test('test fetch 2', () => {
  // 模拟fetch调用的返回值
  global.fetch = jest.fn().mockImplementation(() =>
    Promise.resolve({
      json: () => Promise.resolve({ data: 'response 2' }),
    })
  );

  // 调用需要测试的函数
  return api.fetchData2().then((response) => {
    // 验证fetch调用的返回值是否正确
    expect(response.data).toBe('response 2');
  });
});

在上面的示例中，我们通过调用"jest.fn().mockImplementation"函数来模拟fetch调用的返回值。然后，我们在每个测试用例中调用需要测试的函数，并通过"expect"函数来验证fetch调用的返回值是否符合预期。

这里只是一个简单的示例，实际使用中可能还需要处理其他情况，例如错误处理、超时等。根据具体需求，可以对测试代码进行扩展和优化。

针对腾讯云相关产品和产品介绍的链接地址，请参考腾讯云官方文档进行查阅和了解。