QUnit没有't打印任何结果

QUnit doesn't print any results

本文关键字：打印 任何 结果 没有 QUnit      更新时间：2023-09-26

我有一个测试运行程序页面的最基本示例，显示在插入MVC项目的QUnit页面上。

<!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的链接是正确的并且可以工作。

我在MVC方面也遇到了同样的问题，并通过从qunit网站获取源文件而不是依赖nuget来解决它。在我这么做之后，一切都很顺利。

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

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

QUnit for ASP.Net MVC需要一些不同的东西。代替普通的qunit和qunit fixturediv，使用这样的东西：

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

有关完整示例，请参阅ASP.Net MVC项目中使用QUnit逐步测试JavaScript/JQuery的单元

相关文章：