testes com javascript by Laís Lima

1. Testes com Javascript
mas afinal o que é esse tal de TDD?

2. @lalizita
lalizita
laislima98
laislima98@hotmail.com
@onerdzao / @womakersgram
Laís Lima, 20 anos
Front End Developer @ Cosmobots

3. São tantos testes… testes de :
configuração, instalação, integridade, teste de
segurança, funcional, unidade, integração, volume,
performance, usabilidade, caixa branca e caixa preta,
teste de regressão, teste de manutenção
… E POR AÍ VAI!

4. TDD = Test Driven Development
Desenvolvimento Orientado à Teste

5. Os testes deverão guiar o seu desenvolvimento

6. imagem: DevMedia

7. Testes unitários
Teste de funções individuais ou classes.
Ao dar uma entrada certifica se a saída é o resultado realmente esperado

8. Testes de integração
Teste de componentes, módulos, com efeitos colaterais, chamadas de api
para certificar que sua aplicação não irá quebrar.

9. FERRAMENTAS

10. Mocha
Framework que executará os seus testes e roda em
cima do Node js ou no browser
mochajs.org
npm i -g mocha

11. HOOKS
Describe()
Cria um escopo de testes
it()
Cria um bloco de
teste(casos)

12. Istanbul
O famoso “coverage”, verifica o quanto seu código está
coberto por testes.
npm i -g istanbul

13. Assertions
Existem diversas ferramentas de asserção:
Assertions: um módulo do node js que fará as asserções dos seus testes
Expect: um módulo do node js que fará as asserções dos seus testes
Should: um módulo do node js que fará as asserções dos seus testes
Chai: Tem os 3 anteriores todos juntos em uma lib!

14. Assertions - Assert
assert()
deepEqual()
deepStrictEqual()
doesNotThrow()
equal()
fail()
ok()
strictEqual()
throws()
...
const assert = require('assert')
assert.equal(50, 50)

15. Assertions - Expect
to
be
been
is
that
which
and
has
have
with
...
const expect = require(‘expect’)
expect({ a: 'b' }).to.eql({ a: 'b' })
expect(1).to.be.ok()

16. Assertions - Should
to
be
which
and
has
have
with
type
is
equal
...
const should = require(‘should’)
(5).should.be.exactly(5).and.be.a.Number()

17. Prós...
● Qualidade de código
● Lógica
● Menos bugs
● Segurança
● Documentação

18. Contras...
● Tempo
● Curva de aprendizado
● Mais testes, menos código
● Pouca produção

19. Mais ferramentas
● Jest
● Cypress
● Selenium
● Jasmine
● Ava
● Appium
Veja este artigo que você vai viajar nas ferramentas:
https://medium.com/trainingcenter/uma-vis%C3%A3o-geral-de-testes-em-javascript-em-2018-8484154caf63

20. Dicas para começar a ‘bolar’ seus testes
● Sente e pense bem como a implementação ou
projeto irão funcionar
● Pegue uma folha e comece a rascunhar como tudo
irá se conectar e funcionar
● Faça um roteiro de testes, comece pelos casos de
erro e depois o caso feliz :) ops! sucesso.

21. fontes
https://blog.da2k.com.br/2015/01/06/pensando-tdd-com-javascript/
https://tableless.com.br/tdd-por-que-usar/
https://medium.com/trainingcenter/uma-vis%C3%A3o-geral-de-testes-em-javascript-em-2018-8484154caf63
https://medium.com/@oieduardorabelo/o-ecossistema-de-testes-em-javascript-em-2017-74a78625aa15
https://mochajs.org
https://shouldjs.github.io/
https://codeutopia.net/blog/2015/04/11/what-are-unit-testing-integration-testing-and-functional-testing/
https://stackoverflow.com/questions/520064/what-is-unit-test-integration-test-smoke-test-regression-test
https://www.sitepoint.com/javascript-testing-unit-functional-integration/