javascript - 如何在 axios 中解决 Promise 和 spy 函数

Question

function getusers(config){
     const {successCB} = config;
     return axios.get(url, params)
      .then(response => {
        successCB(response.data, config);
      });
}

************************ UT ******************************

const mock = new MockAdapter(axios);
const successCB = jest.fn();

mock.onGet(url).reply(200, 'success');
const axiosSpy = jest.spyOn(axios, 'get');
const successCBSpy = jest.spyOn(config, 'successCB');

getUsers({successCB});

axiosSpy 是从下面的代码成功

expect(axiosSpy).toHaveBeenCalled();

但它并没有深入到内部来解决成功的结果CB

expect(successCBSpy).toHaveBeenCalled();

抛出错误为：successCB从不调用

我做错了什么，我应该在这里期待什么？

我只能使用 ES6 解决方案。

标签： javascriptpromisejestjsaxios-mock-adapter

Answer 1

确保您返回Promisefrom，getusers以便您可以await在测试中使用它。

这是一个完整的工作示例：

const axios = require('axios');
const MockAdapter = require('axios-mock-adapter');

const url = 'test-url';
const params = {};

function getusers(config) {
  const { successCB } = config;
  return axios.get(url, params)  // <= return the Promise
    .then(response => {
      successCB(response.data, config);
    });
}

test('getusers', async () => {  // <= async test function
  const mock = new MockAdapter(axios);
  const successCB = jest.fn();

  mock.onGet(url).reply(200, 'success');
  const axiosSpy = jest.spyOn(axios, 'get');

  await getusers({ successCB });  // <= await the Promise

  expect(axiosSpy).toHaveBeenCalled();  // Success!
  expect(successCB.mock.calls[0][0]).toBe('success');  // Success!
})

更新

如果async/await语法不是一个选项，那么您可以在then回调中执行断言并返回Promise测试结果，以便Jest知道等待它：

test('getusers', () => {
  const mock = new MockAdapter(axios);
  const successCB = jest.fn();

  mock.onGet(url).reply(200, 'success');
  const axiosSpy = jest.spyOn(axios, 'get');

  return getusers({ successCB }).then(() => {
    expect(axiosSpy).toHaveBeenCalled();  // Success!
    expect(successCB.mock.calls[0][0]).toBe('success');  // Success!
  });
})