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

时间:2015-04-04 15:35:25

标签: javascript backbone.js sinon chai

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

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;
}));

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

谢谢,

迭。

1 个答案:

答案 0 :(得分:0)

也许这可以帮助

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;
});