按键事件的 Javascript 测试用例

Question

我的JS文件的代码如下:

 $('#HeaderLink').keypress(function (e) {

     var key = e.which;

     if (key == 13)        
     {

         TravelRegistration.expandSection();
     }
 });

当我运行以下 Javascript 测试用例(Qunitjs 和 Blanket.js)时，它运行成功，但无法调用“expandSection”函数。 代码覆盖率仅覆盖第一行代码 $('#HeaderLink').keypress(function (e) {

请有人协助如何编写测试用例，以便我可以调用我的函数。

测试用例代码

test("expandSection test", 1, function () {
    var div = $('<div>').appendTo("body");

    $('<a id="HeaderLink" >').appendTo(div);
    $("#HeaderLink").trigger("keypress" , 13);
    var result = TravelRegistration.expandSection();
    equal(undefined, result, "passed");
    $("div").remove();
});

Answer 1

您需要为其创建一个自定义 jQuery 事件:

var e = $.Event("keypress", { which: 13 });
$("#HeaderLink").trigger(e);

参见jQuery documentation为了它。