Question

我正在尝试使用sinon.spy检查是否正在为组件调用play函数。问题是间谍计数器没有更新，即使我已经确认我的组件的功能确实被调用了。

我已将其追溯到使用Javascript的call函数：

handleDone: function(e) {
  for (var i = 0; i < this.components.length; i++) {
    if (this.components[i].element === e.target) {
      if (this.components[i].hasOwnProperty("play")) {
        // This won't trigger the spy.
        this.components[i]["play"].call(this.components[i].element);
      }
      break;
    }
  }
}

为call交换apply时会发生类似的事情。

[增订] 以下是相关测试：

var page = document.getElementById("page"),
  demo = document.getElementById("demo"),
  playSpy;

suiteSetup(function() {
  playSpy = sinon.spy(demo, "play");
});

suiteTeardown(function() {
  demo.play.restore();
});

suite("done", function() {
  test("rise-component-done fired from element with play property", function() {
    assert(playSpy.notCalled);  //true
    demo.sendDone();
    assert(playSpy.calledOnce); //false
  });
});

play组件中的sendDone和demo函数：

play: function() {
  console.log("play");
},

sendDone: function() {
  this.dispatchEvent(new CustomEvent("rise-component-done", { "bubbles": true }));
}

注册page组件以侦听此事件：

this.addEventListener("rise-component-done", this.handleDone);

有人知道解决方法吗？

THX。

Answer 1

所以问题实际上并没有像Ben所说的那样与call方法有关。经过多次修补，我意识到我必须改变这一行：

playSpy = sinon.spy(demo, "play");

到此：

playSpy = sinon.spy(page.components[0], "play");

现在我的测试通过了。万岁！我只是希望它没有花费我一天中最好的部分来调试。

Sinon Spy不使用Javascript调用或申请

1 个答案: