javascript – 模拟单元测试的DOM事件的最佳方法？

2023年3月11日 285次阅读

我正在使用moo4q
jquery,使用qUnit sinon测试框架.

目前要触发点击事件,我已完成以下操作：

object.jThis.click(); //模拟点击事件

where object.j这是对象映射到的jQuery对象(包装器集).

对我来说,问题是其他事件,如.hover()不会像.click()一样触发事件.

这只是jQuery API中的一个不一致吗？

编辑：

// wire up event
attach: function() {
    this.jThis.hover(function(eventObj) {
        this.proxied.showOptionsProxy(true);
    }, function() {
        this.proxied.showOptionsProxy(false);
    });
}
// unit test: 
test("Test_hover_shows_menu", 2, function() {
    var target = this.getTarget();
    this.spy(target.proxied, 'showOptionsProxy');
    target.detach(); // must detach only for unit test after setting up spy on the proxy
    target.attach();
    target.jThis.mouseenter();
    ok(target.proxied.showOptionsProxy.calledWith(true), "hovering over options button shows the menu");
    target.jThis.mouseleave();
    ok(target.proxied.showOptionsProxy.calledWith(false), "mousing away from options button hides menu");
});

最佳答案 hover()不是事件,而是.on(“mouseenter mouseleave”)的糖,你可以通过触发.mouseenter()进入进入阶段来触发悬停,并使用.mouseleave()进行离开阶段

见：http://api.jquery.com/hover/

演示：http://jsfiddle.net/2ZLMJ/

点赞