最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - QUnit doesn't print any results - Stack Overflow

programmeradmin1浏览0评论

I have the most basic examples of a test runner page shown on the QUnit page inserted into an MVC project.

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

When I run this, I just see a blank page. The tests execute as they stop on a breakpoint. Links to the .css and .js are correct and working.

I have the most basic examples of a test runner page shown on the QUnit page inserted into an MVC project.

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

When I run this, I just see a blank page. The tests execute as they stop on a breakpoint. Links to the .css and .js are correct and working.

Share Improve this question asked Feb 21, 2013 at 22:59 SeeNoWeevilSeeNoWeevil 2,6195 gold badges28 silver badges40 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 9

I had the same problem with MVC and fixed it by getting the source files from the qunit website rather than relying on nuget. After i did this, it all worked perfectly.

The two divs must have the following ids, because QUnit is looking for these to display anything.

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

QUnit for ASP.Net MVC requires something a little different. Instead of the normal qunit and qunit-fixture divs, use something like this:

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

For a full example, see Unit Testing JavaScript/JQuery in ASP.Net MVC Project using QUnit Step by Step

发布评论

评论列表(0)

  1. 暂无评论