6

我对方法进行监视的示例以“预期的间谍句柄单击已被调用”而失败。什么时候应该通过。但是，我得到了控制台日志“Foo handle_click called!”，所以我知道它正在被调用。

Foo.js

function Foo() {
    this.$btn = $('<a href="#">Foo</a>');
    this.$btn.on('click', this.handle_click);
};
Foo.prototype.handle_click = function(evt) {
    evt.preventDefault();
    console.log('Foo handle_click called!');
};

Foo_spec.js：

it('should be called when trigger is clicked', function() {
    var foo = new Foo();
    spyOn( foo, 'handle_click' ).andCallThrough();
    foo.$btn.click();
    expect( foo.handle_click ).toHaveBeenCalled();
});

我正在使用 jasmine-1.2.0、jasmin-html 和 jasmine-jquery，但不是 jasmine-sinon；至少我不认为它捆绑在那里。任何帮助深表感谢！

更新 这在下面得到了回答。但是，我想在 jQuery 插件的情况下记录解决方案：

Foo.js：

function Foo() { ... }
Foo.prototype.handle_click = function(evt) { ... }

$.fn.foo = function(options) {
    return new Foo(this, options || {});
};

$.fn.foo.prototype = Foo.prototype;

Foo_spec.js：

it('should be called when clicked', function() {
    spyOn( $.fn.foo.prototype, 'handle_click');
    var plugin = $('#selector-for-plugin').foo();
    plugin.$btn.click();
    expect( plugin.handle_click ).toHaveBeenCalled();
});
4

1 回答 1

2

问题是您handle_click在构造函数中绑定了函数。因此，当您创建一个新实例时，对该函数的引用将绑定到该事件。之后，您将 替换foo.handle_click为间谍。但这不会影响绑定到事件的函数，因为这仍然是您的原始函数。您必须在Foo.prototype.handle_click创建实例之前监视函数，因此可以将监视函数绑定到事件。

it('should be called when trigger is clicked', function() {
  spyOn( Foo.prototype, 'handle_click' );
  var foo = new Foo();
  foo.$btn.click();
  expect( foo.handle_click ).toHaveBeenCalled();
});
于 2013-05-12T07:01:25.397 回答