茉莉花单元测试与鼠标事件

Question

我是单元测试的新手，想要使用Jasmine进行单元测试鼠标事件，比如

$('.el').mousedown(function() {
    $(this)[0].dragging = true;  
});
$('.el').mousemove(function() {
    if ( $(this)[0].dragging ) {
        $(this).addClass("dragging");
    }
});
$('.el').mouseup(function() {
    $(this)[0].dragging = false;
    $(this).removeClass("dragging");   
});

这是an example它的工作原理。

我的问题是如何在这里对每个功能进行单元测试。

Answer 1

这些函数应该在$ scope中命名为函数。然后你可以简单地在测试中调用该函数，并验证该元素是否按预期删除/添加了类。