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

Question

我是 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>

Answer 1

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

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

感谢大家的投入！ :)

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

How do I test HTML DOM click() using Jasmine?

javascript

testing

bdd

jasmine