在qunit中运行简单的测试用例后,在浏览器中显示空白页面

时间:2014-08-06 08:08:58

标签: javascript unit-testing testing qunit

我是qunit的新手。我在qunit中运行简单的测试用例。但屏幕上没有显示任何内容。

这是HTML Runner: -

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>QUnit Demo</title>
  <link rel="stylesheet" href="//code.jquery.com/qunit/qunit-1.14.0.css">
  <script src="//code.jquery.com/qunit/qunit-1.14.0.js"></script>
  <script src="MyJsUnitTests.js"></script>
  <script src="MyJsSourceCode.js"></script>
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
</body>
</html>

这是MyJsSourceCode.js

var ArthimeticOperations = {
    addTwoNumbers : function (number1, number2) {
        return number1 + number2;
    }
}

这是MyJsUnitTests.js

test('Addition Test', function () {
    strictEqual(ArthimeticOperations.addTwoNumbers(3, 5), 8, "Tested the addition functionality");
});

1 个答案:

答案 0 :(得分:0)

尝试交换源代码和测试代码包括...我的猜测是您的测试在源代码包含在页面之前开始运行:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>QUnit Demo</title>
  <link rel="stylesheet" href="//code.jquery.com/qunit/qunit-1.14.0.css">
  <script src="//code.jquery.com/qunit/qunit-1.14.0.js"></script>

  <!-- SWAP THESE TWO...
  <script src="MyJsUnitTests.js"></script>
  <script src="MyJsSourceCode.js"></script>

  Like so:
  -->
  <script src="MyJsSourceCode.js"></script>
  <script src="MyJsUnitTests.js"></script>
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
</body>
</html>