Javascript 在qunit中运行简单测试用例后在浏览器中显示空白页_Javascript_Unit Testing_Testing_Qunit

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

javascript unit-testing testing

Javascript 在qunit中运行简单测试用例后在浏览器中显示空白页,javascript,unit-testing,testing,qunit,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.c

我是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>

这是MyJsUnitTests.js

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

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

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


昆特演示

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