Sinon.JS 嘲讽混乱 1. sinon.replace(jQuery, "ajax", sinon.fake());2. getTodos(42, sinon.fake());3.断言(jQuery.ajax.CalledWithMatch({ url: "/todo/42/items" }));总结

如何解决Sinon.JS 嘲讽混乱 1. sinon.replace(jQuery, "ajax", sinon.fake());2. getTodos(42, sinon.fake());3.断言(jQuery.ajax.CalledWithMatch({ url: "/todo/42/items" }));总结

我正在尝试学习如何使用 Sinon、Mocha 和 Chai 进行 JS 单元测试。现在，我想确认我的一个函数实际上发出了一个 api 请求（所以我需要模拟我的函数）。我相信我在 Sinon 文档（它是用于测试 Ajax 的代码）中找到了相关的模拟代码，但是，我无法理解发生了什么（文档非常稀疏）。谁能解释一下 it 函数中的 3 行代码（直接在下面）？

it("makes a GET request for todo items",function () {
  sinon.replace(jQuery,"ajax",sinon.fake());

  getTodos(42,sinon.fake());

  assert(jQuery.ajax.calledWithMatch({ url: "/todo/42/items" }));

作为参考，被模拟的函数如下：

function getTodos(listId,callback) {
  jQuery.ajax({
    url: "/todo/" + listId + "/items",success: function (data) {
      // Node-style cps: callback(err,data)
      callback(null,data);
    },});
}

此外，这里是文档的链接： https://sinonjs.org/

解决方法

让我们一步一步来：

1. sinon.replace(jQuery,"ajax",sinon.fake());

Sinon 创建了一个新的 fake 函数并用它替换了 jQuery.ajax 函数。

对 jQuery.ajax 的任何其他调用都将调用伪造。默认情况下，fake 函数返回 undefined，您也可以控制它；但这里不需要它（因为我们将断言是否使用某些参数调用它）。 fake 函数与 spies 具有相同的方法，因此一个 fake 函数将记录有关其调用的信息，例如 spies。（是否调用，使用哪些参数等）

2. getTodos(42,sinon.fake());

getTodos 是被测试的函数。这将使用 42 作为第一个参数和一个新的伪函数作为第二个参数（回调参数）调用它。

可能是为了防止使用实际回调的副作用而传递了一个假值。也可以放一个空函数，比如

getTodos(42,() => {});

回调函数对于本次测试无关紧要。它只需要被丢弃/嘲笑。

3.断言(jQuery.ajax.CalledWithMatch({ url: "/todo/42/items" }));

断言检查表达式 jQuery.ajax.calledWithMatch({ url: "/todo/42/items" }) 是否为真。请记住，jQuery.ajax 被替换为假函数。因此，调用了伪函数的 calledWithMatch 方法。根据 CalledWithMatch 的文档（在间谍部分）：

spy.calledWithMatch(arg1,arg2,...);
Returns true if spy was called with matching arguments (and possibly others).

This behaves the same as spy.calledWith(sinon.match(arg1),sinon.match(arg2),...).

因此，如果使用匹配的参数（此处仅提供一个）调用假函数，则返回 true。 “匹配”行为通过 matchers 定义。这里使用了对象匹配器(sinon.match(object))，如果

匹配

sinon.match(object);
Requires the value to be not null or undefined and have at least the same properties as expectation.

This supports nested matchers.

所以，这个对象在getTodo中传递给jQuery.ajax：

{
    url: "/todo/42/items",success: function (data) {
      callback(null,data);
    },}

哪个匹配

{ url: "/todo/42/items" }

根据对象匹配器定义。因此，此匹配器检查是否使用包含值为 "/todo/42/items" 的 url 属性的对象调用 jQuery.ajax 方法。

总结

首先我们模拟了 jQuery.ajax，因为我们不想发出实际请求，只想检查它是否被调用。
我们调用 getTodos，这是我们的测试对象，带有 42 和一个假回调参数。
我们期望使用具有值为“/todo/42/items”的 url 属性的对象调用 jQuery.ajax。