如何使用 Jasmine 测试 HTML DOM click()？答案

【问题标题】：How do I test HTML DOM click() using Jasmine?如何使用 Jasmine 测试 HTML DOM click()？
【发布时间】：2017-03-02 06:05:17
【问题描述】：

我对 Jasmine 测试很陌生，但遇到了一个小问题。我有这样的功能：

“redirectPage.js”

function clickThis(){
    document.getElementById("link").click();
}

如何测试这个函数在我的测试中是否被调用/触发了？

这是我目前的测试：

describe('Test redirectPage', function() {
    beforeEach(function() {
        loadFixtures("redirectPageFixture.html");
    });

    it(" checks if the clickThis() method is triggered", function(){
        var spyEvent = spyOnEvent("#link", "click");
        ("#link").trigger("click");
        expect(spyEvent).toHaveBeenTriggered();
    });
});

但是这样做，给了我这个错误：

TypeError: "#link".click is not a function

如何解决此测试？非常感谢任何帮助！

更新：

这是我的固定装置：

<html>
 <head>
  <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
  <script src="http://code.jquery.com/jquery.min.js" defer>
  <link rel="stylesheet" href="css/navbar.css">
  <link rel="stylesheet" href="css/searchControl.css">
  <script type="text/javascript" src="src/main/resources/assets/js/redirectPage.js" defer>
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
 </head>
 <body onload="setTimeout('clickThis();',3000);>
  <p><a id=link href = "www.google.com">click here</a></p>
 </body>
</html>

【问题讨论】：

您希望("#link")究竟解决什么问题？
我正在尝试在我的灯具中搜索带有id = "link" 的元素并单击它。我也用夹具更新了我的问题。
你有 jQuery 吗？如果是这样，你错过了$，即$('#link').click()。如果没有，请尝试document.getElementById('link').click()
你在哪里写了 clickThis() 函数？
不，我没有使用任何 jQuery。我尝试了你的建议，它给了我这个错误：TypeError: Cannot read property 'click' of null

标签： javascript testing jasmine bdd

【解决方案1】：

我终于弄清楚我做错了什么。我在我的对象上创建了间谍，但实际上并没有调用我需要的函数。如果有人感兴趣，这是我现在的测试用例：

it(" checks if the clickThis() method is triggered", function(){
    var spyEvent = spyOnEvent("#link", "click");
    clickThis();
    expect(spyEvent).toHaveBeenTriggered();
});

感谢大家的投入！ :)

【讨论】：