4

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

4

3 回答 3

9

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

于 2013-03-13T03:52:48.573 回答
3

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

 <div id="qunit"></div>
 <div id="qunit-fixture"></div>
于 2013-02-21T23:57:55.237 回答
2

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

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

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

于 2014-04-17T19:54:52.770 回答