使用Jasmine

Question

当我点击汉堡图标时，我会看到一个隐藏的菜单。我想用Jasmine测试事件处理程序。我对Jasmine很新，我无法弄清楚如何。

这是我的jQuery代码：

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

你能帮我吗？

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