Vuejs& Cypress - Iniciando a jornada de Testes E2E

Talk feita para o TDC São Paulo 2019 sobre testes E2E(Cypress) juntamente com Vuejs

Transcript

1. Globalcode – Open4education Trilha – TDC4WOMEN Silvana Lima Frontend
2. Globalcode – Open4education Alguém: Silvana sabia que um dia você irá palestrar?
3. Globalcode – Open4education Eu: KKKKKKKKKKKKKKKKK
4. Globalcode – Open4education Iniciando a jornada com testes End-To-End.
5. Globalcode – Open4education Agenda Quanto tempo? Vuejs é legal Teste seu código e não sua paciência Parece mágica mas não é!
6. Globalcode – Open4education Vuejs é legal!
7. Globalcode – Open4education
8. Globalcode – Open4education
9. Globalcode – Open4education
10. Globalcode – Open4education Teste End to End Resumindo, o teste end-to-end é um forma de realizar testes visam provar o sistema de uma forma mais completa simulando o ambiente real.
11. Globalcode – Open4education O produto... • Qualidade • Confiança • Garantia É NECESSÁRIO!!
12. Globalcode – Open4education Por que testar? • Cobrir pelo menos os fluxos principais • Assegura funcionamento mínimo • Cada nova modificação você consegue validar se continua tudo bem • Sem precisar testar uma por uma manualmente Na prática mais confiança para fazer refactorings.
13. Globalcode – Open4education Por que testar?
14. Globalcode – Open4education Por que testar?
15. Globalcode – Open4education Mão de obra...
16. Globalcode – Open4education Seu chefe gosta de economizar
17. Globalcode – Open4education A web evoluiu. Finalmente, o teste também.
18. Globalcode – Open4education Esse é o Cypress chegando no rolê...
19. Globalcode – Open4education
20. Globalcode – Open4education 1 Cypress não usa selênio.
21. Globalcode – Open4education 2 Cypress se concentra em fazer testes end-to-end REALMENTE bem.
22. Globalcode – Open4education 3 Cypress funciona em qualquer estrutura de front-end ou site.
23. Globalcode – Open4education 4 Testes do Cypress são escritos apenas em JavaScript.
24. Globalcode – Open4education 5 Cypress é tudo em um.
25. Globalcode – Open4education 6 Cypress é para desenvolvedores e engenheiros de controle de qualidade.
26. Globalcode – Open4education 7 Cypress é MUITO MUITO RÁPIDO
27. Globalcode – Open4education Até parece mágica.. mas não é
28. Globalcode – Open4education Vuejs - Vue Cli
29. Globalcode – Open4education Vuejs - Criando projeto
30. Globalcode – Open4education Vuejs - Escolhendo o preset
31. Globalcode – Open4education Instalando Cypress no seu projeto Vuejs
32. Globalcode – Open4education Servindo o projeto npm run serve
33. Globalcode – Open4education Visualizando o projeto http://localhost:8080/
34. Globalcode – Open4education Abrindo o Cypress npx cypress open
35. Globalcode – Open4education Pronto… SEJA FELIZ!
36. linkedin.com/in/silvanavlima silvanavlima.github.io silcrana silcrana Feedback: encurtador.com.br/agCF1