测试 Marionette vent.on 监听器

Question

我有一个Layout，其中有一个vent.on 调用，它会在模型​​启动时进行设置。

initialize: () ->
  App.vent.on("deciseconds:updated", this.updateDVR)

 updateDVR: () ->
  console.log 'this updateDVR is called'

我想确保this.updateDVR 在我的应用程序中正确连接。在我的测试中，我有这个：

beforeEach ->
  this.showDvr = new Arc.DvrApp.Show.DvrView()
  spyOn(this.showDvr, 'updateDVR')

it "calls updateDvr when new data comes in", ->
  Arc.vent.trigger("deciseconds:updated")
  expect(this.showDvr.updateDVR).toHaveBeenCalled()

这个规范失败了，但是当我检查我的日志时，我看到了this updateDVR is called，这是我在updateDVR 函数中登录的行。所以我知道该函数正在被调用。

我直接调用updateDVR，规范通过：

it "calls updateDvr when new data comes in", ->
  this.showDVR.updateDVR()
  expect(this.showDvr.updateDVR).toHaveBeenCalled()

我认为vent 可能被视为异步函数，因此我尝试在expect 子句之前等待几秒钟，看看是否可行，但没有：

it "calls updateDvr when new data comes in", ->
  Arc.vent.trigger("deciseconds:updated")
  setTimeout(myCheck, 3000)

myCheck = () ->
  expect(this.showDvr.updateDVR).toHaveBeenCalled()

Answer 1

在initialize 函数中对App.vent.on 的调用将引用 传递给视图实例的this.updateDVR 函数——这发生在测试的spyOn(this.showDvr, ...) 之前beforeEach .因此，当您触发事件时，触发器调用保留对实际 updateDVR 函数的引用，而不是间谍。

您应该能够通过将回调函数传递给App.vent.on 调用来修复它，就像这样（抱歉，javascript，我不是coffeescripter！）：

initialize: function () {
    var that = this;
    // hold onto the callback so we can unregister it in App.vent.off, too 
    this.onUpdateCb = function() { that.updateDVR() };
    App.vent.on("deciseconds:updated", this.onUpdateCb );

    // if this is a view, stop listening for App.vent when the view closes
    this.listenTo(this, 'close', function() { App.vent.off("deciseconds:updated", this.onUpdateCb ) } );
}

这将使事件处理程序在事件触发时查找名为“updateDVR”的符号，并按照您的测试预期调用您的间谍。

编辑：已更新以保留 this.onUpdateCb，以便我们可以在关闭时取消注册侦听器。