使用 QUnit 测试 Dojos JsonRest

Question

我想使用 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 文件并进行谷歌搜索。

我在 Ubuntu 16.04.1 下使用 Firefox 50.1.0 和 Chromium 55.0.2883.87 时遇到过这种行为。网络服务器在本地主机上运行。

Answer 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>

使用 QUnit 测试 Dojos JsonRest

Testing Dojos JsonRest using QUnit

javascript

dojo

qunit