O documento discute testes em aplicações Angulares com Typescript, comparando TDD e BDD. Explica que TDD envolve escrever testes primeiro, executá-los, escrever código e refatorar, enquanto BDD se concentra no comportamento além de usar TDD. Demonstra exemplos de testes unitários isolados e rasos para componentes Angulares.

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

2. Filipe M. Silva
@flpms
Github
Twitter

3. Não fique testando com a testa!

5. Protege
Esclarece
Revela

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

7. TDD e BDD
Esclarecendo as coisas.

8. 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

9. Vantagens

10. BDD
• A mesma coisa do TDD

11. #SQN

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

13. suite('Contador', () => {
test('tick aumenta contador em 1', () => {
let counter = new Counter();
counter.tick();
assert.equal(counter.count, 1);
});
});
TDD

14. describe('Contador', () => {
it('aumenta o contador em 1 após o tick', () => {
let counter = new Counter();
let expectedCount = counter.count + 1;
counter.tick();
assert.equal(counter.count, expectedCount);
});
});
BDD

15. BOAS PRÁTICAS
Use describe e it
Organize, atue e cheque || dado, quando, então

16. Angular

17. COMPONENTS
isolated
shallow

18. ISOLATED UNIT TEST

19. SHALLOW UNIT TEST

20. 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
• https://codeutopia.net/blog/2017/05/15/quick-javascript-testing-tip-how-to-structure-your-tests/
• https://medium.com/@ana.dvorkina/unit-and-integration-tests-for-angular-components-323a2c681972