预期axios-mock-adapter出现错误

时间:2019-04-16 16:42:33

标签: javascript jestjs axios axios-mock-adapter

我正在尝试使用axios-mock-adapter测试axios get请求,以便在状态不等于200的情况下引发错误。但是,当我执行测试时(请参见api.test.js),我收到以下消息:

  

错误:expect(function).toThrowError(未定义)

     

预期该函数将引发错误。但是它什么也没扔。

如何使用axios-mock-adapterget方法使用handleResponse进行测试以确保引发了错误?谢谢!

api.test.js:

import axios from 'axios';
import MockAdapter from 'axios-mock-adapter';

const handleResponse = (response) => {
  if (response.status !== 200) {
    throw new Error('foo');
  } else {
    return response.data;
  }
};

const get = async (url) => {
  const response = await axios.get(url, {withCredentials: true});
  return handleResponse(response);
};

test('testing that, when making a get request to the appropriate url, an error is thrown ' +
     ' when status !== 200', async () => {
  new MockAdapter(axios)
    .onGet('sampleUrl')
    .reply(500, {data: 'payload'});
  const expectedError = async () => {
    await get('sampleUrl');
  };
  expect(expectedError).toThrowError();
});

1 个答案:

答案 0 :(得分:6)

我在您的代码中看到的问题是expect().toThrowError()期望同步异常,但是您的代码实际上拒绝了Promise。可能令人困惑的一点是,您在throw new Error('foo');中看到了handleResponse。真是个例外。但是,因为此代码由async函数调用,所以此异常将转换为承诺拒绝。因此,await get('sampleUrl')不会导致引发同步异常,而会导致异步的Promise拒绝。

看着Jest的documentation,在我看来您应该这样做:

return expect(expectedError()).rejects.toThrowError();

您需要调用expectedError,因为它是一个返回诺言的函数,并且您需要使用.rejects将拒绝转换为可以用.toThrowError()测试的普通异常。确保返回断言或await。否则,您将有悬念。