BDD Javascript Testing with Jasmine

BDD JavascriptTesting with Jasmine Scott Ryan August 2011

AgendaSuites and SpecsMatchersBefore and A"erSpiesAsynchronous SpecsExecution

Javascript Frameworksnode.js sinon.jsphantom.js backbone.jssammy.js spine.jsmustache.js coﬀeescriptzombie.js microjs.combatman.js yepnope.js

PhilosophyShould not be tied to any browser, &ameworks, platform or host languageShould have idiomatic and unsurprising syntaxShould work anywhere javascript can run including browsers, servers,phones,etcShould not intrude in your applications territory like cluttering globalnamespaceShould play we( with IDE’s

SetupCreate a Spec Use folders to keep organized Don’t bundle into buildCreate one or more html ﬁles to exercise your specsDecide on one or more run time strategies Server, Gradle, Maven, Node.js. jsTestDriver, etc.

SpecsDeﬁne your individual testsBegin with it.Set expectations to be satisﬁedDisabled by naming xit.

SuitesUsed to group specs togetherNamed using describeCan be nested to any depthDisabled by naming xdescribe

Suites and Spec Example describe("External", function() { it(should default to the velocity of 3830 m/s,function () { var velocity = new Velocity("http://"); expect(velocity.defaultVelocity).toEqual(3830); });});

MatchersMatchers set conditions to be satisﬁed.not wi( invert the matcherCustom matchers are supported Added to suites with this.addMatchers ca(

Matchers Examplesexpect(x).toEqual(y);expect(x).not.toEqual(y);expect(x).toBeDeﬁned();expect(x).toBeUndeﬁned();expect(fn).toThrow(e);

Before and AfterDescribe functions that run before and/or a"er theexecution of a suite.Specs can contain one or more a"er’s within the specdeﬁnition to be run for that specRunners deﬁne before functions to run before each spec ina suite. Runners run before the suite wide before

Before After Exampledescribe("External", function() { // This will run before each spec in this suite beforeEach(function () { console.log("Running before each spec."); alert("before each Spec"); }); // This will run after each spec in this suite. afterEach(function () { console.log("Run after each spec"); alert("after each Spec"); }); it(should default to the velocity in sandstone at 3830 m/s, function () { // This will run after this spec completes. this.after(function() { console.log("Run after spec 1 only") alert("Run after spec 1 only"); }); var velocity = new Velocity("http://"); expect(velocity.defaultVelocity).toEqual(3830); }); it(should fail if we check for the wrong velocity, function () {// This will run after this spec completes. this.after(function() { console.log("Run after spec 2 only which fails") alert("Run after spec 1 only which fails"); }); var velocity = new Velocity("http://"); expect(velocity.defaultVelocity).not.toEqual(3830); });});

SpiesSupport spying, mocking and faking behaviorA spy replaces the function it is spying onSpies work we( for Ajax testingHave a set of special matchers and custom behaviorContain some special propertiesRemoved a"er each spec executes

Spy matchers and responseexpect(x).toHaveBeenCa(ed()expect(x).toHaveBeenCa(edWith(arguments)spyOn(x,‘method’).andThrow(exception);spyOn(x,‘method’).andCa(Through();

Spy propertiesca(CountmostRecentCa(.argsargsForCa([i];

Asynchronous SpecsUsed to test ajax ca(s, ca(backs and eventsruns()waits(timeout)waitsFor(function, message, timeout)

Asynchronous Examplesdescribe("Velocity", function() { it(should set value then wait 250 ms and set a new value, function() { runs(function () { this.velocity = new Velocity("http://"); var that = this; setTimeout(function () { that.velocity.defaultVelocity = 5000; }, 250); }); runs(function () { expect(this.velocity.defaultVelocity).toEqual(3830); }); waits(500); runs(function () { expect(this.velocity.defaultVelocity).toEqual(5000); }); });});

Ajax Callsdescribe("Velocity", function() { it("should be able to get a list of recordings", function() { var recordings; var status = false; var theCall = External.retrieveRecordedJson(); theCall.success(function(inData) { recordings = inData.recordings; status = true; }); waitsFor(function() { return status; }, "Ajax Request never completed", 10000); runs(function () { expect(recordings.length).toBeGreaterThan(0); }); });});

Run EnvironmentsNative BrowserPhantom.js

Questionshttp://pivotal.github.com/jasmine/scott@theryansplace.com@scryan7371github - scryan7371https://github.com/scryan7371/Jasmine-Demo

Photos

BDD Javascript Testing with Jasmine

by Soaring Eagle L.L.C. on Aug 08, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

BDD Javascript Testing with Jasmine — Presentation Transcript