jquery - 如何使用 Jasmine 测试一个 jquery click 函数，看它是否调用了自定义方法？

Question

我正在编写一个Jasmine测试来确定 afunction是由JQueryclick() 方法调用的。我的逻辑在哪里不正确？我是监视 jquery 函数还是自定义函数？

我收到一条错误消息：

-错误

Expected a spy, but got undefined. in http://localhost:8080/...etc.../jasmine.js (line 1253)

-代码

describe("funtionCalled", function() {
it("calls the click() function", function() {
    var cc = new CustomClass();
    spyOn($.fn, "click");
    $( '#fieldID' ).click();
    expect(cc.clickFunction()).toHaveBeenCalled();
   });
});

- 正在测试的代码

var CustomClass = function(){};

$(document).ready(function(){
    var cf = new CustomClass();

    $( '#fieldID' ).click(function() {  
        cf.clickFunction();
    });
});

CustomClass.prototype.clickFunction = function() {
     //some javascript code
};

Answer 1

据我所知，你有两件事错了。首先你监视一个错误的对象，然后你将clickFunction方法的结果传递给期望，而不是实际的方法。

尝试这个：

describe("funtionCalled", function() {
    it("calls the click() function", function() {
        var cc = new CustomClass();

        spyOn(cc, "clickFunction"); 
        // Notice how you pass a real object and a method name to spyOn

        $('#fieldID').click();

        expect(cc.clickFunction).toHaveBeenCalled();
        // Notice how you pass the method, and not the method call result
    });
});

您可以在jasmine wiki中找到更多关于间谍的信息。

Answer 2

您可能缺少 jasmine-sinon 助手，请参阅https://github.com/froots/jasmine-sinon