Question

我在插入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的链接正确且有效。

Answer 1

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

Answer 2

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

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

Answer 3

针对ASP.Net MVC的QUnit 需要一些不同的东西。而不是普通的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不会打印任何结果

3 个答案: