如何验证请求是否是通过 axios-mock-adapter 发出的？

Question

我正在使用https://github.com/ctimmerm/axios-mock-adapter

我想知道如何验证端点是否确实被测试中的系统调用。

在此示例中：

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

// This sets the mock adapter on the default instance
var mock = new MockAdapter(axios);

// Mock any GET request to /users
// arguments for reply are (status, data, headers)
mock.onGet('/users').reply(200, {
  users: [
    { id: 1, name: 'John Smith' }
  ]
});

我如何判断“/users”上的 get 是否被调用？

我正在寻找类似于 Jest 中可以做的事情：

expect(mockFunc).toHaveBeenCalledTimes(1)

我意识到在使用函数进行回复时可以使用一些自定义逻辑，并设置一个局部变量来指示是否已发出请求。我只是想知道是否有更干净的方法来做到这一点。

Answer 1

注意：此答案现已过时，请参阅 Laszlo Sarvold 的此答案。

---

axios-mock-adapter 似乎没有内置此功能，但是如果您使用 jest，则可以使用 jest.spyOn。

对于上面的例子

let spy = jest.spyOn(axios, "get");
//run http request here
expect(spy).toHaveBeenCalled();

注意：根据您使用的内容，您可能必须将您的 Expect 语句包装在 setTimeout(function, 0) 中才能正常工作

Answer 2

根据 https://github.com/ctimmerm/axios-mock-adapter 有一个开箱即用的功能用于验证请求调用：

expect(mock.history.post.length).toBe(1); // times called
expect(mock.history.post[0].data).toBe(JSON.stringify({ foo: "bar" })); // posted object

Answer 3

另一种选择是做

//OP's Code
var axios = require('axios');
var MockAdapter = require('axios-mock-adapter');

// This sets the mock adapter on the default instance
var mock = new MockAdapter(axios);

// Mock any GET request to /users
// arguments for reply are (status, data, headers)
mock.onGet('/users').reply(200, {
  users: [
    { id: 1, name: 'John Smith' }
  ]
});

const spy = jest.spyOn(mock, 'onGet');

//function call here

expect(spy).toHaveBeenCalledWith('/users')

本质上，由于模拟“拦截” axios 调用，您无法测试 axios.get 调用..因为它实际上从未发生过。但是mock.onGet函数确实被执行了，你也可以验证使用什么路由来执行它。

当你嘲笑 axios 时尝试监视它会给你一个看起来像这样的错误

expect(jest.fn()).toHaveBeenCalledWith(...expected)

Expected: "/users"

Number of calls: 0

干杯。