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 badges3 Answers
Reset to default 9I 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