Jasmine BDD for Javascript

BDD for Javascript

Luis Alfredo Porras Páez

Everyone meet to Jasmine :)

https://github.com/pivotal/jasmine/wiki

A BDD Framework for testing JavaScript.

- Does not depend on any other JavaScript frameworks.

- Does not require a DOM.

- It has a clean, obvious syntax

- Heavily influenced by, and borrows the best parts of, ScrewUnit, JSSpec, JSpec, and of course RSpec.

"What your code should do"

Expectations

"To express what you expect about the behavior of your code"

matcher

Suites"To Describe a component of your code"

Before and After

beforeEach( ) => Takes a function that is run before each spec

Before and After II

Before and After III

afterEach( ) => Takes a function that is run after each spec

Before and After IV

Before and After V

Single-spec After functions

Nested Describes

Disabling Tests

describe => xdescribe

it => xit

expect(x).toEqual(y);expect(x).toBe(y);expect(x).toMatch(pattern); expect(x).toBeDefined(); expect(x).toBeNull(); expect(x).toBeTruthy();expect(x).toBeFalsy();expect(x).toContain(y);expect(x).toBeLessThan(y);expect(x).toBeGreaterThan(y);expect(fn).toThrow(e);expect(x).not.toEqual(y);

Every matcher's criteria can be inverted by prepending .not

Matchers

"How you can evaluate your code behavior"

Your own matcher

"We are not slave, we wanna make our own matchers"

describe('Hello world', function() { beforeEach(function() { this.addMatchers({ toBeDivisibleByTwo: function() { return (this.actual % 2) === 0; } }); });

it('is divisible by 2', function() { expect(gimmeANumber()).toBeDivisibleByTwo(); });

Jasmine becomes SPY GIRL

"Jasmine Spies are test doubles that can act as stubs, spies, fakes or when used in an expecation, mocks."

Spies should be created in test setup, before expectations.

Spies are torn down at the end of every spec.

Spies can be checked if they were called or not and what the calling params were.

A Spy has the following fields: wasCalled, callCount, mostRecentCall, and argsForCall

SPIES IIspying on an existing function that you don't touch, with spyOn()var Person = function() { };Person.prototype.helloSomeone = function(toGreet) { return this.sayHello() + " " + toGreet; };Person.prototype.sayHello = function() { return "Hello"; };

we want to make sure it calls the sayHello() function when we call the helloSomeone() functiondescribe("Person", function() { it("calls the sayHello() function", function() { var fakePerson = new Person(); spyOn(fakePerson, "sayHello"); fakePerson.helloSomeone("world"); expect(fakePerson.sayHello).toHaveBeenCalled(); }); });

SPIES IIIspying on an existing function that you don't touch, with spyOn()var Person = function() { };Person.prototype.helloSomeone = function(toGreet) { return this.sayHello() + " " + toGreet; };Person.prototype.sayHello = function() { return "Hello"; };

Now we want to make sure that helloSomeone is called with "world" as its argumentdescribe("Person", function() { it("greets the world", function() { var fakePerson = new Person(); spyOn(fakePerson, "helloSomeone"); fakePerson.helloSomeone("world"); expect(fakePerson.helloSomeone).toHaveBeenCalledWith("world"); }); });

SPIES IVSpying on an existing function that you modify: use of jasmine.createSpy()var Person = function() { };Person.prototype.helloSomeone = function(toGreet) { return this.sayHello() + " " + toGreet; };Person.prototype.sayHello = function() { return "Hello"; };

With Jasmine, you can "empty" the contents of the function while you're testing�describe("Person", function() { it("says hello", function() { var fakePerson = new Person(); fakePerson.sayHello = jasmine.createSpy("Say-hello spy"); fakePerson.helloSomeone("world"); expect(fakePerson.sayHello).toHaveBeenCalled(); });});

SPIES VSpying on an existing function that you modify: use of jasmine.createSpy()var Person = function() { };Person.prototype.helloSomeone = function(toGreet) { return this.sayHello() + " " + toGreet; };Person.prototype.sayHello = function() { return "Hello"; };

You can specify that a spy function return something�fakePerson.sayHello = jasmine.createSpy('"Say hello" spy').andReturn("ello ello");

You can even give your spy functions something to dofakePerson.sayHello = jasmine.createSpy('"Say hello" spy').andCallFake(function() { document.write("Time to say hello!"); return "bonjour"; });

Spying AJAXSpies can be very useful for testing AJAX or other asynchronous behaviors that take callbacks by faking the method firing an async call

Spy-Specific Matchers

expect(x).toHaveBeenCalled() expect(x).toHaveBeenCalledWith(arguments) expect(x).not.toHaveBeenCalled() expect(x).not.toHaveBeenCalledWith(arguments)

When working with spies, these matchers are quite handy:

Spies can be trained to respond in a variety of ways when invoked:spyOn(x, 'method').andCallThrough() spyOn(x, 'method').andReturn(arguments)spyOn(x, 'method').andThrow(exception)spyOn(x, 'method').andCallFake(function)

Asynchronous specs

There are three Jasmine functions that hep you with asynchronicity: run(), waitsFor(), and wait().

runsrun() blocks execute procedurally, so you don't have to worry about asynchronous code screwing everything up.

Asynchronous specs II

runsrun() blocks share functional scope -- this properties will be common to all blocks, but declared var's will not!

Asynchronous specs III

waits(timeout)The function waits( ) works with runs( ) to provide a naive timeout before the next block is run

Asynchronous specs IV

waits(timeout)waits( ) allows you to pause the spec for a fixed period of time.

But what if you don't know exactly how long you need to wait?

waitsFor to the Rescue¡

Asynchronous specs V

waitsFor(function, optional message, optional timeout)waitsFor() . Provides a better interface for pausing your spec until some other work has completed.Jasmine will wait until the provided function returns true before continuing with the next block. This may mean waiting an arbitrary period of time, or you may specify a maxiumum period in milliseconds before timing out.describe("Calculator", function() { it("should factor two huge numbers asynchronously", function() { var calc = new Calculator(); var answer = calc.factor(18973547201226, 28460320801839); waitsFor(function() { return calc.answerHasBeenCalculated(); }, "It took too long to find those factors.", 10000);runs(function() { expect(answer).toEqual(9486773600613); }); });});

References

Jasmine WikiHow do I Jasmine: Tutorial

Jasmine Railcast

You could look at these

Jasmine-JQuery: jQuery matchers and fixture loader for Jasmine framework Jasmine Species: Extended BDD grammar and reporting for Jasmine jasmine-headless-webkit: Uses the QtWebKit widget to run your specs without needing to render a pixel.

JasmineRice: Utilizing (jasmine) and taking full advantage of the Rails 3.1 asset pipeline jasmine rice removes any excuse YOU have for not testing your out of control sprawl of coffeescript files.

You could look at these

Try Jasmine Online: start with jasmine from your browser :)

Jasmine BDD for Javascript

Technology

Transcript of Jasmine BDD for Javascript

JavaScript Test-Driven Development with Jasmine 2.0 and Karma

BDD Implementation

Locomotion Bovine Digital Dermatitis (BDD) 2019_0.pdf · Dermatitis (BDD) Bovine Digital Dermatitis (BDD) is a common cause of infectious lameness worldwide. BDD lesions can be of

Unit testing in JavaScript with Jasmine and Karma

Björn Ingimundarson › ... › 2014_Skjol › 22-erJSmalid › AuomatedJavaSc… · • Modern JavaScript Test Runner • Test Framework Agnostic • Jasmine, Mocha, QUnit…. •

Javascript TDD with Jasmine, Karma, and Gulp

Jasmine JavaScript Testing - Second Edition - Sample Chapter

BDD Conversion

[ BDD ] - Easyb

Testes com Javascript usando Jasmine e Rhino

JAVASCRIPT Test Driven Development & Jasmine

AUDITORIA BDD

Testes Unitários com JavaScript utilizando Jasmine Framework

Arbres Mathématiques Informatique et Navigateurs Internetmath.et.info.free.fr/ProgrammerLeWeb/bdd/articleA.pdf · exemple simple de programmation en langage JavaScript. Un exemple

BDD & Rspec

Development (BDD) Behavior Driven · 2015-05-13 · Development (BDD) Pavel Rabetski. Volvo Group Telematics. Agenda Introduction to BDD Cucumber BDD framework Live demo Pros/cons

3 Computing a Binary Decision Diagrams with Relational RAGsceur-ws.org/Vol-2550/paper4.pdf1 syn BDD TruthTable.reducedOBDD() { 2 BDD bdd = this.asBDD();// Construct an empty BDD with

Pytest-BDD DocumentationContents 1 BDD library for the py.test runner5 1.1 Install pytest-bdd. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

LEARNING EFFECTIVE BDD VARIABLE ORDERS FOR BDD-BASED …people.csail.mit.edu/mcarbin/papers/thesis.pdf · 2014. 3. 13. · The BDD representation choice (i.e., the BDD variable order)

BDD Fundamentals... Agenda •Introduction to BDD •Examples workshop •Cucumber workshop