CODEWITHSUNDEEP
javascriptunit-testingqunit
SeeNoWeevil
SeeNoWeevil

Reputation: 2619

QUnit doesn't print any results

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.

Upvotes: 4

Views: 684

Answers (3)

sfuqua
sfuqua

Reputation: 5853

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

Upvotes: 2

macou
macou

Reputation: 787

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.

Upvotes: 9

Odi
Odi

Reputation: 6916

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>

Upvotes: 3

Related Questions