Como estruturar seus testes com jasmine e karma

23
Como estruturar seus testes com Jasmine e Karma Agile Testers Conference 2016

Transcript of Como estruturar seus testes com jasmine e karma

Page 1: Como estruturar seus testes com jasmine e karma

Como estruturar seus testes com Jasmine e Karma

Agile Testers Conference 2016

Page 2: Como estruturar seus testes com jasmine e karma

Oi...Eu sou o Enrique (ou Sassa, Said...) :)

Desenvolvedor front-end em São Paulo atuando no time de BI do GetNinjas.

Trabalho com: ["HTML", "CSS", "JS", "Ruby on Rails", "Testes A/B", "Analise de dados"]

[email protected] / blog: vid.blog.br

Page 3: Como estruturar seus testes com jasmine e karma

Criação de testes unitários

Page 4: Como estruturar seus testes com jasmine e karma

Automatizar tarefas

Page 5: Como estruturar seus testes com jasmine e karma

Rodar os testes!

Page 6: Como estruturar seus testes com jasmine e karma

Requisitos● Node e npm

● Grunt:

$ npm install -g grunt-cli

● Bower:

$ npm install -g bower

Page 7: Como estruturar seus testes com jasmine e karma

Configurandopackage.json

Page 8: Como estruturar seus testes com jasmine e karma

ConfigurandoGruntfile.js

Page 9: Como estruturar seus testes com jasmine e karma

ConfigurandoGruntfile.js

Page 10: Como estruturar seus testes com jasmine e karma

ExemploInstalando dependências:

$ npm install & bower install

Page 11: Como estruturar seus testes com jasmine e karma

Exemploalarm.js

Page 12: Como estruturar seus testes com jasmine e karma

O exemploalarm.spec.js

Page 13: Como estruturar seus testes com jasmine e karma

O exemploRodando o teste:

Page 14: Como estruturar seus testes com jasmine e karma

O exemploRodando o teste:

Page 15: Como estruturar seus testes com jasmine e karma

O exemploFalhando:

Page 16: Como estruturar seus testes com jasmine e karma

Integração contínua

Travis CI

Page 17: Como estruturar seus testes com jasmine e karma

.travis.yml

Page 18: Como estruturar seus testes com jasmine e karma

no package.json:

no Gruntfile.js

Page 19: Como estruturar seus testes com jasmine e karma
Page 20: Como estruturar seus testes com jasmine e karma

Mais ferramentasSinon: http://sinonjs.org/

(mocks, stubs, fakeServer)

Jasmine jQuery: https://github.com/velesin/jasmine-jquery

(custom matches)

Page 21: Como estruturar seus testes com jasmine e karma

https://github.com/enriquesaid/jasmine-grunt-karma

Page 22: Como estruturar seus testes com jasmine e karma

Jasmine Doc <3

Page 23: Como estruturar seus testes com jasmine e karma

Obrigado!