Javascript 如何使用Jasmine测试HTML DOM click（）？_Javascript_Testing_Jasmine_Bdd

Javascript 如何使用Jasmine测试HTML DOM click（）？

javascript testing jasmine

Javascript 如何使用Jasmine测试HTML DOM click（）？,javascript,testing,jasmine,bdd,Javascript,Testing,Jasmine,Bdd,我对茉莉花测试还很陌生，我面临一个小问题。我有这样一个函数： “redirectPage.js” 如何测试此函数是否已在测试中被调用/触发这是我目前的测试： describe('Test redirectPage', function() { beforeEach(function() { loadFixtures("redirectPageFixture.html"); }); it(" checks if the clickThis() metho

我对茉莉花测试还很陌生，我面临一个小问题。我有这样一个函数：

“redirectPage.js”

如何测试此函数是否已在测试中被调用/触发

这是我目前的测试：

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>


我终于明白我做错了什么。我在我的对象上创建了间谍，但实际上并没有调用我需要的函数。如果有人感兴趣，下面是我的测试用例：
it(" checks if the clickThis() method is triggered", function(){
    var spyEvent = spyOnEvent("#link", "click");
    clickThis();
    expect(spyEvent).toHaveBeenTriggered();
});

感谢大家的投入！：）
 我终于明白我做错了什么。我在我的对象上创建了间谍，但实际上并没有调用我需要的函数。如果有人感兴趣，下面是我的测试用例：
it(" checks if the clickThis() method is triggered", function(){
    var spyEvent = spyOnEvent("#link", "click");
    clickThis();
    expect(spyEvent).toHaveBeenTriggered();
});

感谢大家的投入！：）
 您希望（“#link”）
解决什么问题？我正在尝试在我的装置中搜索带有id=“link”
的元素，然后单击它。我也用fixture更新了我的问题。你有jQuery吗？如果是这样，则缺少$
，即$（“#链接”）。单击（）。如果没有，请尝试document.getElementById（'link'）。单击（）
clickThis（）函数的编写位置？不，我没有使用任何jQuery。我尝试了您的建议，但它给了我以下错误：TypeError:cannotread属性'click'为null
您希望（“#link”）
解决什么问题？我正在尝试搜索fixture中带有id=“link”
的元素并单击它。我也用fixture更新了我的问题。你有jQuery吗？如果是这样，则缺少$
，即$（“#链接”）。单击（）。如果没有，请尝试document.getElementById（'link'）。单击（）
clickThis（）函数的编写位置？不，我没有使用任何jQuery。我尝试了您的建议，但它给了我以下错误：TypeError:无法读取null的属性“click”