jquery - 用 Jasmine 测试 jQuery 点击事件

Question

我有一个隐藏菜单，当我点击汉堡图标时会出现。我想用 Jasmine 测试事件处理程序。我对茉莉花很陌生，我不知道怎么做。

这是我的 jQuery 代码：

menuIcon.on('click', function() {
        $('body').toggleClass('menu-hidden');
    });

请你帮助我好吗？

标签： jqueryjasminedom-events

Answer 1

我自己没有运行它，但想法是单击menuIcon并检查您的body选择器是否具有您设置的类；再次单击它并检查是否不再设置类。就像是 ...

describe("on menu icon click", function () {
    it("should toggle menu", function () {
        menuIcon.click();
        expect($("body").hasClass("menu-hidden")).toBe(true);
        menuIcon.click();
        expect($("body").hasClass("menu-hidden")).toBe(false);
    });
});