javascript - 开 Jest mock promise 方法调用错误次数

Question

作为我的 redux 操作的一部分，它发出了几个顺序的 api 请求。 apiCall 方法返回一个具有某个值的 Promise，随后的 apiCall 使用该值来发出另一个请求，依此类推。我正在使用 Jest 来测试这些 api 调用。

const myAPI = {
  apiCall(param: any): Promise<any> {
    return new Promise((resolve, reject) => {
      resolve('result');
    });
  },
};

const serialAPIRequests = () => {
  myAPI.apiCall('first_param')
    .then((result) => {
      console.log(result);
      return myAPI.apiCall(result);
    })
    .then((result) => {
      console.log(result);
      return myAPI.apiCall(result);
    })
    .then((result) => {
      console.log(result);
      return Promise.resolve(result);
    });
};

我正在尝试编写一个测试以确保 apiCall 被调用的次数正确且参数正确。

describe.only('my test', () => {
  it('should test api stuff', () => {
    myAPI.apiCall = jest.fn()
      .mockReturnValueOnce(Promise.resolve('result1'))
      .mockReturnValueOnce(Promise.resolve('result2'))
      .mockReturnValueOnce(Promise.resolve('result3'));
    serialAPIRequests();
    expect(myAPI.apiCall).toHaveBeenCalledTimes(3);
  });
});

发生的情况是 Jest 报告 Expected mock function to have been called three times，但它被调用了一次。

Jest测试结果表明

  ● Console

console.log 
  result1
console.log 
  result2
console.log 
  result3

 ● my test › should test api stuff

expect(jest.fn()).toHaveBeenCalledTimes(3)

Expected mock function to have been called three times, but it was called one time.

console.log 显示不同值的事实意味着模拟返回已正确通过模拟函数并被调用 3 次。

可能是什么原因造成的，我该如何正确测试这个功能？

Answer 1

使用 async/await 来测试异步代码。在这里阅读更多:https://facebook.github.io/jest/docs/en/tutorial-async.html

describe.only('my test', () => {
      it('should test api stuff', async () => {
        myAPI.apiCall = jest.fn()
          .mockReturnValueOnce(Promise.resolve('result1'))
          .mockReturnValueOnce(Promise.resolve('result2'))
          .mockReturnValueOnce(Promise.resolve('result3'));
        await serialAPIRequests();
        expect(myAPI.apiCall).toHaveBeenCalledTimes(3);
      });
    });