Fatal编程技术网
  • javascript/
  • Javascript 如何在Jasmine.js 2.0.0版中使用装置？

Javascript 如何在Jasmine.js 2.0.0版中使用装置？

javascript jquery backbone.js jasmine

Javascript 如何在Jasmine.js 2.0.0版中使用装置？,javascript,jquery,backbone.js,jasmine,jasmine-jquery,Javascript,Jquery,Backbone.js,Jasmine,Jasmine Jquery,在jasmine.js版本1.3.1中，我的测试套件的夹具工作正常将Jasmine.js版本升级到2.0.0后，装置无法工作。 有谁能解释一下，如何让我的代码在jasmine.js 2.0.0版中适用于fixture 我已经检查了jasmine v2.0.0发行说明，但没有任何与装置相关的内容： 谢谢。下面的完整脚本对我来说运行良好，可以加载装置来测试html片段 我引用了此url，此url帮助我加载设备： 您必须检查Jasmine.jsv2.0.0中的一些Jasmine.js框架语法 <

在jasmine.js版本1.3.1中，我的测试套件的夹具工作正常将Jasmine.js版本升级到2.0.0后，装置无法工作。

有谁能解释一下，如何让我的代码在jasmine.js 2.0.0版中适用于fixture

我已经检查了jasmine v2.0.0发行说明，但没有任何与装置相关的内容：

谢谢。

下面的完整脚本对我来说运行良好，可以加载装置来测试html片段

我引用了此url，此url帮助我加载设备：

您必须检查Jasmine.jsv2.0.0中的一些Jasmine.js框架语法

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Jasmine v2.0 DOM Tests Spec Runner</title>

  <link rel="shortcut icon" type="image/png" href="images/jasmine_favicon.png">
  <link rel="stylesheet" type="text/css" href="lib/jasmine-core/jasmine.css">

  <script type="text/javascript" src="lib/jasmine-core/jasmine.js"></script>
  <script type="text/javascript" src="lib/jasmine-core/jasmine-html.js"></script>
  <script type="text/javascript" src="lib/jasmine-core/boot.js"></script>
  <script type="text/javascript" src="lib/jasmine-core/jquery-1.7.2.js"></script>
  <script type="text/javascript" src="lib/jasmine-core/jasmine-jquery.js"></script>

  <script type="text/javascript">
     var MSG = "Hello World!";

     function hideMessage() {
       $( "#pMsg" ).html("");
     }

     function showMessage() {
       $( "#pMsg" ).html(MSG); 
     }

     function setUpHTMLFixture() {
       setFixtures('<form id="testForm" action="">'
                  +'  <h1>Test Form</h1>'
                  +'  <input type="text" id="txtMessage">'
                  +'  <br>'
                  +'  <button id="btnHideMessage" type="button" onclick="hideMessage()">Hide Message</button>'
                  +'  <button id="btnShowMessage" type="button" onclick="showMessage()">Show Message</button>'
                  +'  <br>'
                  +'  <p id="pMsg"></p>'
                  +'</form>');

    }

describe("DOM TESTS:***************", function() { 
  describe("Button Click Event Tests", function() {
    var spyEvent;

    beforeEach(function() {
      setUpHTMLFixture();
    });

    it ("should invoke the btnShowMessage click event.", function() {
      spyEvent = spyOnEvent('#btnShowMessage', 'click');
      $('#btnShowMessage').trigger( "click" );

      expect('click').toHaveBeenTriggeredOn('#btnShowMessage');
      expect(spyEvent).toHaveBeenTriggered();
    });

    it ("should invoke the btnHideMessage click event.", function() {
      spyEvent = spyOnEvent('#btnHideMessage', 'click');
      $('#btnHideMessage').trigger( "click" );

      expect('click').toHaveBeenTriggeredOn('#btnHideMessage');
      expect(spyEvent).toHaveBeenTriggered();
    });
  });

  describe("Show message tests", function() {
    beforeEach(function() {
      setUpHTMLFixture();
      $('#txtMessage').val(MSG);
      $('#btnShowMessage').trigger( "click" );
    });

    it ("should display the message when button is clicked.", function() {
      expect($('#pMsg')).toHaveText($('#txtMessage').val());
    });
  });

  describe("Hide message tests", function() {
    beforeEach(function() {
      setUpHTMLFixture();
      $('#pMsg').text(MSG);
      $('#btnHideMessage').trigger( "click" );
    });

    it ("should remove the message when button is clicked.", function() {
      expect($('#pMsg')).toHaveText("");
    });
  });
});
</script>
</head>
<body>
</body>
</html>


Jasmine v2.0 DOM测试规范运行程序
var MSG=“你好，世界！”；
函数隐藏消息（）{
$（“#pMsg”）.html（“”）；
}
函数showMessage（）{
$（“#pMsg”）.html（MSG）；
}
函数setUpHTMLFixture（）{
固定装置（“”）
+“测试表”
+'  '
+“
”
+“隐藏消息”
+“显示消息”
+“
”
+“
”
+'');
}
描述（“DOM测试：*************”，函数（）{
描述（“按钮点击事件测试”，函数（）{
var spyEvent；
beforeach（函数（）{
setUpHTMLFixture（）；
});
它（“应该调用btnShowMessage单击事件。”，函数（）{
spyEvent=spyOnEvent（“#btnShowMessage”，“click”）；
$（'btnShowMessage'）。触发（“单击”）；
期望（'click'）。已被删除（'btnShowMessage'）；
expect（spyEvent）.tohaveentriggered（）；
});
它（“应该调用btnHideMessage单击事件。”，函数（）{
spyEvent=spyOnEvent（“#btnHideMessage”，“click”）；
$（'btnHideMessage'）。触发器（“单击”）；
期望（'click'）。已被删除（'btnHideMessage'）；
expect（spyEvent）.tohaveentriggered（）；
});
});
描述（“显示消息测试”，函数（）{
beforeach（函数（）{
setUpHTMLFixture（）；
$（'#txtMessage'）.val（MSG）；
$（'btnShowMessage'）。触发（“单击”）；
});
它（“单击按钮时应显示消息。”，函数（）{
expect（$（'pMsg'））.toHaveText（$（'txtMessage'）.val（）；
});
});
描述（“隐藏消息测试”，函数（）{
beforeach（函数（）{
setUpHTMLFixture（）；
$（'#pMsg'）.text（MSG）；
$（'btnHideMessage'）。触发器（“单击”）；
});
它（“单击按钮时应删除消息。”，函数（）{
expect（$（'#pMsg'））.toHaveText（“”）；
});
});
});