JavaScript Unit Testing Using QUnit

QUnit
A
JavaScript
Testing Framework

Outline
What Is QUnit?


Creating Tests with QUnit


References


What Is QUnit?


QUnit is the testing suite for jQuery scripts and
plugins.


It doesn't 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 Test

function 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 Script

test('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 for
sourceScript.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

JavaScript Unit Testing Using QUnit

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (18)

Plus de Exist

Plus de Exist (20)

Dernier

Dernier (20)

JavaScript Unit Testing Using QUnit