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

JavaScript Unit Testing Using QUnit

on

  • 2,366 views

by Roy Remus Natavio, Exist Software Engineer

by Roy Remus Natavio, Exist Software Engineer

Statistics

Views

Total Views
2,366
Views on SlideShare
1,925
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 JavaScript Unit Testing Using QUnit Presentation Transcript

  • 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> <!-- 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>
  • References net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/ docs.jquery.com/QUnit