JavaScript Unit Testing Using QUnit

QUnit A JavaScriptTesting Framework

OutlineWhat Is QUnit?Creating Tests with QUnitReferences

What Is QUnit? QUnit is the testing suite for jQuery scripts and plugins. It doesnt need jQuery scripts to test other javascript codes.

Creating Tests with QUnit Download the QUnit script (and the optional QUnit css) Create test script to run against target external javascript Create html file to display test results

Sample Function to Testfunction addNumbers(num1, num2) { if (isNaN(num1)) { return "First parameter is NaN"; } else if (isNaN(num2)) { return "Second parameter is NaN"; } else { return num1 + num2; }}

Unit Test Scripttest(addNumbers(), function() { equal(addNumbers(1,2), 3, using equal());})

The HTML File<html><head> <title>QUnit Test Suite</title> <link rel="stylesheet" type="text/css" media="all"href="qunit.css" /> <script type="text/javascript" src="qunit.js"></script>  <script type="text/javascript" src="sourceScript.js"></script>  <script type="text/javascript"src="sourceScriptTest.js"></script></head><body> <h1 id="qunit-header">QUnit Test Suite forsourceScript.js</h1> <h2 id="qunit-banner"></h2> <div id="qunit-testrunner-toolbar"></div> <h2 id="qunit-userAgent"></h2> <ol id="qunit-tests"></ol></body></html>

References net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/ docs.jquery.com/QUnit

http://info.exist.com	196
http://www.exist.com	97
http://exist.local	48
http://192.168.245.21	40
http://feeds.feedburner.com	7

JavaScript Unit Testing Using QUnit

by Exist on Apr 18, 2012

Accessibility

Categories

Upload Details

Usage Rights

5 Embeds 388

Statistics

JavaScript Unit Testing Using QUnit Presentation Transcript