QUnit 不打印任何结果答案

【问题标题】：QUnit doesn't print any resultsQUnit 不打印任何结果
【发布时间】：2013-02-21 22:59:28
【问题描述】：

我将 QUnit 页面上显示的测试运行器页面的最基本示例插入到 MVC 项目中。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>QUnit basic example</title>
  <link rel="stylesheet" href="../Content/qunit-1.11.0.css">
</head>
<body>
  <div id="Div1"></div>
  <div id="Div2"></div>
  <script src="../Scripts/qunit-1.11.0.js"></script>
  <script>
      test("a basic test example", function () {
          var value = "hello";
          equal(value, "hello", "We expect value to be hello");
      });
  </script>
</body>
</html>

当我运行它时，我只看到一个空白页。测试在断点处停止时执行。 .css 和 .js 的链接正确且有效。

【问题讨论】：

标签： javascript unit-testing qunit

【解决方案1】：

我在使用 MVC 时遇到了同样的问题，并通过从 qunit 网站获取源文件而不是依赖 nuget 来修复它。在我这样做之后，一切都很完美。

【讨论】：

谢谢，我遇到了这个问题，您的建议也为我解决了这个问题。谢谢你为我节省了很多时间:)

【解决方案2】：

这两个 div 必须具有以下 id，因为 QUnit 正在寻找这些以显示任何内容。

 <div id="qunit"></div>
 <div id="qunit-fixture"></div>

【讨论】：

我还尝试了在他们的主页上找到的另一个简单示例，该示例与 div 完全相同，不幸的是结果相同。
这很奇怪...我创建了一个 jsfiddle 演示来重现您的测试，并且可以正常工作：jsfiddle.net/gustavohenke/jb8a9

【解决方案3】：

QUnit for ASP.Net MVC 需要一些不同的东西。代替普通的 qunit 和 qunit-fixture div，使用如下内容：

<div>
    <h1 id="qunit-header">QUnit Test Results</h1>
    <ol id="qunit-tests"></ol>
</div>

有关完整示例，请参阅Unit Testing JavaScript/JQuery in ASP.Net MVC Project using QUnit Step by Step

【讨论】：

谢谢，这为我解决了。我更喜欢这个解决方案，因为它允许我在没有互联网连接的情况下进行测试。
这应该是答案，因为这个问题与 QUnit for ASP.Net MVC 相关！