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...
Creating Tests with QUnit    Download the QUnit script (and the optional QUnit    css)    Create test script to run agai...
Sample Function to Testfunction addNumbers(num1, num2) {  if (isNaN(num1)) {      return "First parameter is NaN";  } else...
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="qun...
References net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/          docs.jquery.co...
Upcoming SlideShare
Loading in...5
×

JavaScript Unit Testing Using QUnit

2,065

Published on

by Roy Remus Natavio, Exist Software Engineer

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,065
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "JavaScript Unit Testing Using QUnit"

  1. 1. QUnit A JavaScriptTesting Framework
  2. 2. OutlineWhat Is QUnit?Creating Tests with QUnitReferences
  3. 3. What Is QUnit? QUnit is the testing suite for jQuery scripts and plugins. It doesnt need jQuery scripts to test other javascript codes.
  4. 4. 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
  5. 5. 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; }}
  6. 6. Unit Test Scripttest(addNumbers(), function() { equal(addNumbers(1,2), 3, using equal());})
  7. 7. 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> <!-- Your project file goes here --> <script type="text/javascript" src="sourceScript.js"></script> <!-- Your tests file goes here --> <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>
  8. 8. References net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/ docs.jquery.com/QUnit

×