O'Reilly logo

Learning jQuery - Fourth Edition by Karl Swedberg, Jonathan Chaffer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Setting up the document

Once we have the QUnit files in place, we can set up the test HTML document. In a typical project, this file would be named index.html and placed in the same test subfolder as qunit.js and qunit.css. For this demonstration, however, we'll put it in the parent directory.

The <head> element of the document contains a <link> tag for the CSS file and <script> tags for jQuery, QUnit, the JavaScript we'll be testing (B.js), and the tests themselves (test/test.js). The <body> tag consists of two main elements for running and displaying the results of the tests.

To demonstrate QUnit, we'll use portions of Chapter 2, Selecting Elements, and Chapter 6, Sending Data with Ajax:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Appendix ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required