O que são testes, desafios e complicações encontrados ao testar uma aplicação Angular 2 e ferramentas para iniciar o projeto já com testes e do jeito certo. :)

1. Testes em uma aplicação
Angular 2 com Typescript

2. Filipe M. Silva
@flpms
• Github
• Twitter

3. Não fique testando com a testa!

4. Protege
Esclarece
Revela

5. Teste unitário
• Teste de uma unidade de código
• Isolado das dependências
• O teste automático não é unitário

6. TDD e BDD
Esclarecendo as coisas.

7. 1. Escreva seu teste
2. Rode os testes e veja se houveram falhas
3. Escreva o código
4. Rode os testes
5. Refatore o código
6. Começe novamente do 1
TDD

8. Vantagens

9. BDD
• A mesma coisa do TDD

10. #SQN

11. BDD
• Pode e deve ser usado com TDD
• Mudanças menos dolorosas
• Foco no comportamento

12. suite('Contador', function() {
test('tick aumenta contador em 1', function() {
var counter = new Counter();
counter.tick();
assert.equal(counter.count, 1);
});
});
describe('Contador', function() {
it('aumenta o contador em 1 após o tick', function() {
var counter = new Counter();
var expectedCount = counter.count + 1;
counter.tick();
assert.equal(counter.count, expectedCount);
});
});
TDD
BDD

13. Angular 2

14. Composição
• Webpack
• Typescript
• Angular-cli
• Karma
• Angular Testing Utilities
• Jasmine
• Protactor

15. • Babel
• SASS
• Lodash
• Polymer
• etc
Bigland

16. Typescript

17. Vamos falar de transpilers e supersets de
Javascript.

19. Angular-CLI +

20. Problemas
• Dificuldades em encontrar as dependências corretas
• Dificuldades nas configurações e execução dos testes

21. Referencias
• https://codeutopia.net/blog/2015/03/01/unit-testing-tdd-and-bdd/
• https://angular.io/docs/ts/latest
• https://medium.com/@PeterNagyJob/angular2-configuration-and-
unit-testing-with-mocha-and-chai-4ada9484e569#.mwzwqmhu5
• http://www.radzen.com/blog/testing-angular-webpack-mocha/
• http://hichambi.github.io/2016/12/27/testing-angular2-with-
webpack-mocha-on-browser-and-node.html