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

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

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

发布者:admin,转转请注明出处:http://www.yc00.com/questions/1742303007a4418390.html

相关推荐

  • javascript - QUnit doesn&#39;t print any results - Stack Overflow

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

    19小时前
    10

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信