Vamos falar sobre TDD

Talk apresentada em uma edição do meetup do Paraiba.JS. Nessa apresentação foi discutida a importância da escrita de testes seguindo os princípios do TDD. Demonstrando como configurar e escrever testes utilizando JEST (https://jestjs.io), entendendo também como analisar o covarage da aplicação.

Transcript

1. VAMOS FALAR SOBRE TDD Palestrante: Nélio Frazão Email: neliofrazac@gmail.com
2. SOBRE NÉLIO Nélio Frazão, Frontend, com 12 anos de experiência, atualmente faz parte do time da Invillia, empresa especializados em formar e performar Squads multidisciplinares focadas na engenharia de produtos digitais. MBA em Marketing Digital, pela Faculdade Estácio/Idez em / João Pessoa/PB. e especialista em Desenvolvimento de Aplicações para WEB pelo UNIPÊ
3. MINHA STACK React React-Router Hooks JSS Material UI Storybook Formik Jest com React Testing Library
4. DEFININDO TESTES FALHA SUCESSO <CÓDIGO> RESULTADO ESPERADO AUTOMATIZAR/SIMPLIFICAR TESTES MODIFICAR/CONSERTAR FONTE: Academind
5. POR QUE TESTAR ? Ver o erro caso "quebramos" nosso código. Poupar nosso tempo. Pensar nos problemas e bugs que podem surgir enquanto desenvolvemos. Integrar os testes a uma pipeline de deploy ou hook do “git, gitLab, bitbucket”. Melhoria de código.
6. TIPOS DE TESTES UNIT TEST INTEGRATION TEST END-TO-END-TEST/UI FREQUÊNCIA COMPLEXIDADE ESCREVER MUITOS MUITOS MUITOS... ESCREVER MUITOS ESCREVER POUCOS
7. PIRÂMIDE DE TESTES Succeeding with Agile - Mike Cohn
8. O QUE É TDD ? O TDD é acronimo para Test Driven Development, que significa, desenvolvimento orientado a testes. Na prática um processo de desenvolvimento de software que visa o feedback rápido e garantia de que o comportamento da aplicação está cumprindo o que é requerido. Para isso, o processo funciona em ciclos pequenos e os requerimentos são descritos como casos de teste.
9. CICLOS DO TDD RED GREEN REFACTOR
10. Um teste não deve influenciar em outros PENSANDO EM TESTES
11. BABY STEPS BABY STEPS
12. PENSANDO EM TESTES Um teste não deve influenciar em outros. Escreva um teste. Fazer o mínimo para o teste ficar verde. Refatore o código. Repita o processo.
13. COMO TESTAR? TESTS RUNNERS ASSERTION LIBRARY EXECUTA OS TESTE E EXIBE OS RESULTADOS TESTA A LÓGICA/ CONDIÇÕES KARMA JASMINE MOCHA CHAI JEST
14. SOBRE O JEST https:/ /jestjs.io/en/
15. CONTEXTUALIZANDO $npm init gerenciador de pacotes de projeto node.js
16. CONFIGURANDO OS TESTES $ npm install --save-dev jest https://jestjs.io/en/
17. CONFIGURANDO OS TESTES /package.json DEPENDÊNCIAS DO PROJETO QUE NÃO VÃO PARA PRODUÇÃO
18. CONFIGURANDO OS TESTES /package.json VAI ASSISTIR TODAS AS ALTERAÇÕES NOS ARQUIVOS DE TESTE SEM PRECISAR FICAR DIGITANDO O COMANDO $ NPM TEST
19. TESTES NA PRÁTICA RED GREEN REFACTOR RELEMBRANDO
20. CENÁRIO • Desenvolver um método que: • Exiba o nome do aluno, a matéria que está cursando e se ele foi aprovado ou reprovado. • A nota mínima requerida para aprovação é sete.
21. CRIANDO NOSSO MÉTODO app.js
22. PRIMEIRO ARQUIVO DE TESTES app.test.js OBS: O jest vai procurar por todos os arquivos .test.js
23. ESCREVENDO TESTES
24. ESCREVENDO TESTES
25. ESCREVENDO TESTES
26. ESCREVENDO TESTES
27. ESCREVENDO TESTES
28. ESCREVENDO TESTES
29. ESCREVENDO TESTES
30. RESULTADO DO TESTE $ npm test RED
31. ESCREVENDO MÉTODO
32. RESULTADO DO TESTE $ npm test GREEN REFACTOR
33. REFATORANDO MÉTODO
34. RESULTADO DO TESTE
35. TEST COVERAGE $ npm test -- --coverage Statements: Quantidade instruções que o seu código executou
36. TEST COVERAGE Branches: Quantidade de condicionais no código que não foram executadas
37. TEST COVERAGE Functions: A proporção de funções que foram definidas e quais foram chamadas.
38. TEST COVERAGE Lines: A proporção de linhas do seu código que foram executadas.
39. VERIFICANDO O MÉTODO
40. FAZENDO A COBERTURA DO CÓDIGO
41. TEST COVERAGE $ npm test -- --coverage
42. EXPECT METHODS https:/ /jestjs.io/docs/en/expect#expectvalue
43. EXTRA PRO REACT https:/ /airbnb.io/enzyme/ https:/ /testing-library.com
44. ANGULAR
45. QUEM VUE AQUILO?
46. OBRIGADO neliofrazac@gmail.com http:/ /www.linkedin.com/in/nelio-frazao