Javascript Unit Testing

Javascript Unit TestingIntroduction to QUnit & JsTestDriver

Tom Van HerreweghePHP developerZCE 5.0 & 5.3I like Javascripthttp://blog.theanalogguy.be@miljar

OverviewJavascript Unit Testing?Introduction to QUnitIntroduction to JsTestDriver

JS Unit TestingNot functional testing Selenium, WatirExample: http://www.cuttherope.ie

JS Unit TestingMultitier ArchitectureWrite DRY codeAvoid event-coupling through HTML do it in the business logic

QUnitJS Unit Testing libraryJQueryhttp://docs.jquery.com/Qunit

QUnitTestrunner = browser

QUnit setup Demo

QUnit structuremodule(‘name’[, {lifecycle}])

QUnit structuretest(‘name’[, expected], test-code)

QUnit structure Demo

QUnit assertionsok(state[, ‘message’])

QUnit assertionsequal(actual, expected[, ‘message’]) corresponds with: ==

QUnit assertionsstrictEqual(actual, expected[, ‘message’])

QUnit assertionsnotEqual(actual, expected[, ‘message’]) corresponds with: !=

QUnit assertions Demo

QUnit assertionsdeepEqual(actual, expected[, ‘message’]) corresponds with: === (recursive)

QUnit assertionsnotDeepEqual(actual, expected[, ‘message’]) corresponds with: !== (recursive)

QUnit assertionsraises(function[, expected][, ‘message’])

Async testingthe good: callbacksthe bad: timersthe ugly: currently not in QUnitAdapter forJsTestDriver

Async testing Timers: hard to predictrunning time + slows down

Async testingCallbacks: run assertions

Async testingCurrently not supported in QUnitAdapter

Async testingstop()start()expect()asyncTest()

Async testing Demo

PHPUnit QUnitPHPUnit_Framework_TestCase module test* methods test assertTrue() ok() equal() assertEquals() deepEqual() assertSame() strictEqual() notEqual() assertNotEquals() notDeepEqual()setExpectedException raises()

JsTestDriver

JsTestDriverTestrunner for your Unit TestsWritten in JavaClient / Server architecturehttp://code.google.com/p/js-test-driver

JsTestDriver

JsTestDriverCustom unit testing syntaxNeed mapping from QUnit to JsTestDriverSome QUnit functionalities not (yet) available

JsTestDrivermodule()test()ok()equals()same() (old name for deepEqual())

JsTestDriver Fetch JAR fromhttp://code.google.com/p/js-test-driver/downloads/list

JsTestDriver Run serverjava -jar /path/to/JsTestDriver-1.3.2.jar --port 4224

JsTestDriverPoint browser(s) to http://localhost:4224

JsTestDriver Demo

JsTestDriver Download QUnit adapterhttp://code.google.com/p/js-test-driver/wiki/ QUnitAdapter

JsTestDriver Create conﬁg

JsTestDriver Run testsjava -jar /path/to/JsTestDriver-1.3.2.jar --conﬁg /path/to/jsTestDriver.conf --tests all

JsTestDriver Demo

Questions?Read more?Joind.inhttps://joind.in/4777Githubhttps://github.com/Miljar/

Code Coverage

Code Coverage Download plugin fromhttp://code.google.com/p/js-test-driver/downloads/list

Code CoverageInclude plugin in conﬁg

Code CoverageAdd ﬂags when executing tests --testOutput /path/to/outputfolder

Code Coverage Install LCOV

Code Coverage Generate HTMLgenhtml /path/to/jsTestDriver.conf-coverage.dat

Code Coverage Demo

Some linksQUnithttp://docs.jquery.com/QunitJsTestDriverhttp://code.google.com/p/js-test-driver/CI with JsTestDriverhttp://j.mp/acO6QI

CopyrightsBen Scholzen (http://www.ﬂickr.com/photos/dasprid/5142854471/in/set-72157625158543743)JsTestDriver schema (http://code.google.com/p/js-test-driver/)Christian Johansen (http://cjohansen.no/)

Javascript Unit Testing

by Tom Van Herreweghe on Jan 31, 2012

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Javascript Unit Testing — Presentation Transcript