QUnit Modules

by ramyaaviji

HTML

<script src="http://code.jquery.com/qunit/qunit-1.12.0.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.12.0.css">
<h1 id="qunit-header">Test Suite</h1>

 <h2 id="qunit-banner"></h2>

<div id="qunit-testrunner-toolbar"></div>
 <h2 id="qunit-userAgent"></h2>

<ol id="qunit-tests"></ol>
<div id="qunit-fixture">
    <ul class="nav">' +
        '<li class="nav-item first">1</li>' +
        '<li class="nav-item ">2</li>' +
        '<li class="nav-item ">3</li>' +
        '<li class="nav-item last">4</li>' +
    </ul>
</div>

JavaScript

module("core");
 
test("a test in the core module", function() {
  ok(true, "this test had better pass");
});
 
test("another test in the core module", function() {
  ok(true, "this test had also better pass");
});
 
module("options");

test("a test in the options module", function() {
  ok(true, "this test really, really better pass");
});
 
test("another test in the options module", function() {
  ok(false, "sadly, this test is going to fail");
});

// Defining "setup" and "teardown" callbacks.
module("other", {
  setup: function() {
    ok(true, "once extra assert per test");
    this.prop = "foo";
  },
  teardown: function() {
    ok(true, "and one extra assert after each test");
  }
});
 
test("test with setup and teardown", function() {
  expect(3);
  deepEqual(this.prop, "foo", "this.prop === 'foo' in all tests");
});