期望使用axios模拟适配器出现错误

Question

我试图用axios-mock-adapter测试一个axios请求，这样就会在状态不等于200的情况下抛出一个错误。但是，当我执行测试(请参阅api.test.js)时，我会收到以下消息：

错误:expect(函数).toThrowError(未定义) 期望函数抛出一个错误。但它没有扔任何东西。

如何使用axios-mock-adapter使用get和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();
});

Answer 1

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

看看Jest的文档，我觉得你应该这么做：

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

您需要调用expectedError，因为它是一个返回承诺的函数，您需要使用.rejects将拒绝转换为可以用.toThrowError()测试的简单异常。确保返回断言，或await它。否则你会有悬空的承诺。