javascript - 更改事件的简单 Jasmine 示例

Question

我是 Jasmine 的新手，正在寻找一个示例来测试一个非常简单的 change 事件处理程序。

我有以下代码:

$(document).ready(function() {
    $("#myId").change(function() {
         my.functionOne();
    });
});

my = {
    functionOne : function() {
        // do stuff
    }
};

我如何测试当我的事件处理程序被执行时，functionOne 被调用？

谢谢。

Answer 1

查看有关 Spies 的 Jasmine 文档:http://pivotal.github.io/jasmine/#section-Spies

测试事件处理程序的最简单方法是这样的:

describe('#myId behaviour', function(){
    //.. Your other setup here.

    it('calls functionOne on #myId change event', function(){
        spyOn(my, 'functionOne');

        // Force a change event to fire.
        $("#myId").trigger('change');

        expect(my.functionOne).toHaveBeenCalled();
    });

    // Other tests...
}

---

我不知道您是如何使用 HTML 和 jQuery 设置测试的，但这两个库也可能派上用场:

• 在每次测试前设置 jQuery 和 HTML fixture:https://github.com/searls/jasmine-fixture

• 测试状态:https://github.com/velesin/jasmine-jquery