• Save
JavaScript Unit Testing Using QUnit
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

JavaScript Unit Testing Using QUnit

on

  • 2,426 views

by Roy Remus Natavio, Exist Software Engineer

by Roy Remus Natavio, Exist Software Engineer

Statistics

Views

Total Views
2,426
Views on SlideShare
1,985
Embed Views
441

Actions

Likes
0
Downloads
0
Comments
0

6 Embeds 441

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

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

JavaScript Unit Testing Using QUnit Presentation Transcript

  • 1. QUnit A JavaScriptTesting Framework
  • 2. OutlineWhat Is QUnit?Creating Tests with QUnitReferences
  • 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. 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. 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. Unit Test Scripttest(addNumbers(), function() { equal(addNumbers(1,2), 3, using equal());})
  • 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. References net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/ docs.jquery.com/QUnit