como estruturar seus testes com jasmine e karma
TRANSCRIPT
![Page 1: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/1.jpg)
Como estruturar seus testes com Jasmine e Karma
Agile Testers Conference 2016
![Page 2: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/2.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/3.jpg)
Criação de testes unitários
![Page 4: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/4.jpg)
Automatizar tarefas
![Page 5: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/5.jpg)
Rodar os testes!
![Page 6: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/6.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/7.jpg)
Configurandopackage.json
![Page 8: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/8.jpg)
ConfigurandoGruntfile.js
![Page 9: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/9.jpg)
ConfigurandoGruntfile.js
![Page 10: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/10.jpg)
ExemploInstalando dependências:
$ npm install & bower install
![Page 11: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/11.jpg)
Exemploalarm.js
![Page 12: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/12.jpg)
O exemploalarm.spec.js
![Page 13: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/13.jpg)
O exemploRodando o teste:
![Page 14: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/14.jpg)
O exemploRodando o teste:
![Page 15: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/15.jpg)
O exemploFalhando:
![Page 16: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/16.jpg)
Integração contínua
Travis CI
![Page 17: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/17.jpg)
.travis.yml
![Page 18: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/18.jpg)
no package.json:
no Gruntfile.js
![Page 19: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/19.jpg)
![Page 20: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/20.jpg)
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://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/21.jpg)
https://github.com/enriquesaid/jasmine-grunt-karma
![Page 22: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/22.jpg)
Jasmine Doc <3
![Page 23: Como estruturar seus testes com jasmine e karma](https://reader030.vdocuments.net/reader030/viewer/2022021507/5889611e1a28abef658b6801/html5/thumbnails/23.jpg)
Obrigado!