Jasmine - Sinon - BrazilJS

Jasmine / Sinon.js

Jorge Falcão Sergio Azevedo

[email protected]@sergioazevedo

Saturday, May 14, 2011

mailto:[email protected]


Jasmine


Jasmine


Jasmine


Jasmine


Jasmine


//# ContaSpec.js #

describe('Conta', function(){

it("deve realizar saques", function(){ var conta = new Conta({saldo:1000}); conta.saca(300) expect(conta.saldo()).toEqual(300); }); });

Jasmine / Spec


//# ContaSpec.js #



Jasmine / Spec

Suite


//# ContaSpec.js #



Jasmine / Spec


//# ContaSpec.js #



Jasmine / Spec

Spec


//# ContaSpec.js #



Jasmine / Spec


//# ContaSpec.js #



Jasmine / Spec

Expectation


//# ContaSpec.js #



Jasmine / Spec


//# ContaSpec.js #



Jasmine / Spec

Matcher


//# ContaSpec.js #



Jasmine / Spec



it("deve realizar saques", function(){ var conta = new Conta({saldo:1000}); conta.saca(300); expect(conta.saldo).toEqual(700); }); it("deve permitir depositos",function(){ var conta = new Conta({saldo:1000}); conta.deposita(200); expect(conta.saldo).toEqual(1200); }); });

Jasmine / Spec




Jasmine / Spec




Jasmine / beforeEach


describe('Conta', function(){var conta;beforeEach(function() { var conta = new Conta({saldo:1000}); });

it("deve realizar saques", function(){ conta.saca(300); expect(conta.saldo).toEqual(700); }); it("deve permitir depositos",function(){ conta.deposita(200); expect(conta.saldo).toEqual(1200); }); });



describe('Conta', function(){var conta;beforeEach(function() { var conta = new Conta({saldo:1000}); });

it("deve realizar saques", function(){ conta.saca(300); expect(conta.saldo).toEqual(700); }); it("deve permitir depositos",function(){ conta.deposita(200); expect(conta.saldo).toEqual(1200); }); });


afterE

ach()

too!


describe('Conta', function(){ var conta; describe('Conta Sem Bloqueio',function(){ beforeEach(function() { conta = new Conta({saldo:1000}); }); it("deve realizar saques", function(){

... }); });

describe('Conta Bloqueada',function(){

beforeEach(function() { conta = new Conta({saldo:1000}); conta.bloquear(); }); it("nao deve realizar saques", function(){

... }); });});

Jasmine / Nested Spec


describe('Conta', function(){ var conta; describe('Conta Sem Bloqueio',function(){ beforeEach(function() { conta = new Conta({saldo:1000}); }); it("deve realizar saques", function(){

... }); });

describe('Conta Bloqueada',function(){

beforeEach(function() { conta = new Conta({saldo:1000}); conta.bloquear(); }); it("nao deve realizar saques", function(){

... }); });});

Jasmine / Nested Spec


expect(conta.saldo).toEqual(1000);expect(conta).toBe(conta);expect(conta.titular).toMatch(/ana/);expect(conta.saldo).toBeDefined();expect(conta.dataEncerramento).toBeNull();expect(conta.saca(-500).toThrow(Error);

expect(conta.saldo).not.toEqual(40);expect(conta).not.toBe(“Mario”);...

Jasmine / Matchers

É possível negar um Matcher.


expect(conta.saldo).toEqual(1000);expect(conta).toBe(conta);expect(conta.titular).toMatch(/ana/);expect(conta.saldo).toBeDefined();expect(conta.dataEncerramento).toBeNull();expect(conta.saca(-500).toThrow(Error);

expect(conta.saldo).not.toEqual(40);expect(conta).not.toBe(“Mario”);...

Jasmine / Matchers

É possível negar um Matcher.

Também é possível

criar seu próprio Matcher


describe('Banco',function(){ it("deve taxar suas contas", function(){ var banco = new Banco(); var conta = new Conta(); banco.addConta(conta); spyOn(conta,'descontarTarifa');

banco.taxarContas(); expect(conta.descontarTarifa).toHaveBeenCalled(); }); });

Jasmine / Spies


describe('Banco',function(){ it("deve taxar suas contas", function(){ var banco = new Banco(); var conta = new Conta(); banco.addConta(conta); spyOn(conta,'descontarTarifa');

banco.taxarContas(); expect(conta.descontarTarifa).toHaveBeenCalled(); }); });

Jasmine / Spies


describe("Testes Assicronos", function(){

it("exemplo com waits", function() { var a = 1; setTimeout(function() { a++; console.debug("somando"); }, 300);

expect(a).toEqual(2); });

});

Jasmine / Asynchronous specs





});






});








});






});






});





waits(300); runs(function() { expect(a).toEqual(2); }); });

});






});






});





describe("Testes Assicronos", function(){ it("exemplo com waitsFor", function() { var a = 1; var somado = false; setTimeout(function() { a++; console.debug("somando"); somado = true; }, 1000);

waitsFor(function() { return somado; }, "aguardando soma", 4000);

runs(function() { expect(a).toEqual(2); }); });});













Sinon.JS


Sinon.js

• Spies• Stubs• Mocks• Fake Timers• Fake XHR• Fake Server


Sinon.js

• Spies• Stubs• Mocks• Fake Timers• Fake XHR• Fake Server


describe("Sinon Examples", function(){

it('FakeTimers', function(){ var data = new Date(); expect(elapsedTime(myDate)).toEqual(2); });

});

Sinon.js/Fake Timers



it('FakeTimers', function(){ var data = new Date(); expect(elapsedTime(myDate)).toEqual(2); });

});


Depende da v

elocidade

do browser!



it('FakeTimers', function(){ var clock = sinon.UseFakeTimers();

var data = new Date();

clock.tick(2000);

expect(elapsedTime(myDate)).toEqual(2);

clock.restore();

});

});






clock.tick(2000);


clock.restore();

});

});






clock.tick(2000);


clock.restore();

});

});






clock.tick(2000);


clock.restore();

});

});






clock.tick(2000);


clock.restore();

});

});


beforeEach e

afterEach

podem ser ut

eis.


describe('Sinon',function(){ var server; beforeEach(function() { var server = sinon.useFakeServer(); }); afterEach(function() { server.restore(); }); it("FakeServer example", function(){ server.respondWith('GET', '/users.json', [200, {"Content-Type" : "application/json"}, '[{id:1, login: "Jason"}]']); var callback = sinon.spy(); $.ajax({ url: '/users.json', success: callback }); assert( callback.calledWith([{id: 1, login: "Json"}]); ); });});

Sinon.js/Fake Server














Referências

• JasmineBDD• http://pivotal.github.com/jasmine/

• Sinon.js• http://sinonjs.org/


http://pivotal.github.com/jasmine/

http://pivotal.github.com/jasmine/

http://sinonjs.org/

http://sinonjs.org/

[email protected]

[email protected]

intelie.com/trabalhe








Technology

Jasmine - Sinon - BrazilJS