如何测试主干视图是否正确监听特定事件

Question

我正在尝试测试 Backbone.js 视图是否正确侦听路由器触发的特定事件。我正在测试的视图上的初始化方法如下所示：

initialize: function(options) {
  this.router = options.router; // pass router obj through args
  this.listenTo(this.router, 'login_manager:show', this.buildLoginPage); // not shown on this snippet, but defined later
}

当路由在我的路由器上匹配时，我会执行以下操作：

showLogin: function() {
  this.trigger('login_manager:show');
}

此代码在浏览器上按预期工作，但我为它做的测试没有通过。这是我正在尝试做的测试：

beforeEach(function() {
  this.router = new Backbone.Router();
  this.loginManager = new LoginManager({
    router: this.router
  });
});

afterEach(function() {
  this.loginManager = null;
  this.router = null;
});

it('listens to correct event', sinon.test(function() {
  var spy = sinon.spy(this.loginManager, 'buildLoginPage');
  this.loginManager.router.trigger('login_manager:show');
  expect(spy.called).to.be.true;
}));

我没能通过这个测试，所以我想知道是否有人可以帮助我？

谢谢，

迭戈。

Answer 1

也许这会有所帮助

it('listens to correct event', () => {
  var stub = sinon.stub();
  Backbone.Events.listenTo(this.loginManager.router, 'login_manager:show', stub);
  this.loginManager.router.trigger('login_manager:show');
  stub.called.should.be.true;
});