javascript - 使用 Chai 监视/测试事件处理程序上的触发器是否有效

Question

我对 Chai 测试非常陌生。我找不到好的例子。基本上，我想要发生的是检查事件是否被触发。

在我的 PatientInfo.js 上，触发事件的代码是

import PatientBus from 'backbone.radio';
patientAdded() {
  PatientBus.trigger('patient:added');
},

然后在我的 PatientEvents.js 上

import PatientBus from 'backbone.radio';
this.listenTo(PatientBus, 'patient:added', this.onPatientAdded);

onPatientAdded: function onPatientAdded() {
  // blah blah blah 
}

忘了说，我正在使用 Marionette radio 。上面的事件处理程序代码运行良好。现在，我想要一个 chai 测试，它将检查事件的监听器是否收到了触发器或广播请求。我不知道从哪里开始以及如何写。

Answer 1

正如 @Sgni 提到的，您需要监视您的函数，以 1)知道它是否被调用，2)检查它的返回值。执行此操作的 Sinon 语法是:

sinon.spy(yourObject, 'onPatientAdded');

为了让您对其工作原理有一些直观的了解，Sinon 文档列出了以下示例:

function once(fn) {
    var returnValue, called = false;
    return function () {
        if (!called) {
            called = true;
            returnValue = fn.apply(this, arguments);
        }
        return returnValue;
    };
}

如您所见，它将原始函数包装在一个闭包中，该闭包保留对原始函数的返回值的引用以及该函数是否被调用。

Sinon-Chai 只是为您提供了很好的语法，因此您可以做出如下可读的断言:

expect(yourObject.onPatientAdded).to.have.been.calledOnce;
expect(yourObject.onPatientAdded).to.have.returned(something);

所以，是的，看起来有很多魔力，但魔力来自于Sinon对JavaScript闭包的使用和Sinon-Chai对对象属性的巧妙使用。