使用QUnit测试Dojos JsonRest

时间:2017-01-07 19:17:34

标签: javascript dojo qunit

我想用QUnit编写针对Dojo JsonRest Store的集成测试。测试应验证JsonRest是否与我编写的REST API集成。

目前我有以下代码,从QUnit网站复制:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>QUnit Example</title>
    <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.1.1.css">
</head>
<body>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/dojo/1.10.4/dojo.js" data-dojo-config="async: true"></script> -->
    <div id="qunit"></div>
    <div id="qunit-fixture"></div>
    <script src="https://code.jquery.com/qunit/qunit-2.1.1.js"></script>
    <script>
         QUnit.test( "Teste ob Dojo's JsonRest mit der API kompatibel ist", 
            function( assert ) {
                    assert.ok( 1 == "1", "Passed!" );
            });
    </script>
</body>
</html>

只要第一个脚本标记被注释掉,这就非常有效。然后它会显示一个页面,显示测试已通过。 但是,如果我通过取消注释所述脚本标记来包含dojo,它只会显示一个空白页面。没有错误消息,我已经验证,所有指向外部文件的链接都是有效的,并且可以访问。我也尝试从同一台服务器加载js和css文件,并使用Google搜索。

我在Ubuntu 16.04.1下遇到过Firefox 50.1.0和Chromium 55.0.2883.87的这种行为。网络服务器在localhost上运行。

1 个答案:

答案 0 :(得分:1)

将dojo脚本标记移动到QUnit:

的脚本标记下方
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
  <script src="https://code.jquery.com/qunit/qunit-2.1.1.js"></script>
  <script>
     QUnit.test( "Teste ob Dojo's JsonRest mit der API kompatibel ist", 
        function( assert ) {
                assert.ok( 1 == "1", "Passed!" );
        });
  </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/dojo/1.10.4/dojo.js" data-dojo-config="async: true"></script>
</body>