Treinamento de testes em JavaScript :: Parte 1

Transcript

1. PASS ./treinamento.test.js Parte 1 ✓ Basics (6ms) Encontros: 1 passed, 4 total Realização: Guilda de Front Apoio: Marcelo Fraga Autor: Eduardo Matos Ran all test suites.
2. O que são testes automatizados?
3. Sabe quando você... 1. console.log 2. debugger 3. $ myFunction(a ,b) === 7; 4. browser > click > verify
4. Você está testando, mas você joga fora todos os testes depois de ver que o código está ok
5. Como guardar isso tudo então? R: Automatizando essas verificações, isto é, escrevendo testes automatizados
6. Qual a vantagem em relação aos testes manuais? 1. Mais rápidos (centenas* de testes por minuto) 2. Consistentes (não cometem erros) 3. Abrangentes (sempre roda todos os cenários)
7. Por que testar? 1. Torna software mais soft 2. Evita bugs 3. Melhora a qualidade do código 4. Documenta o código
8. O que testar?
9. Pirâmide de testes
10. Troféu de testes
11. TDD Test Driven Development
14. [Intencionalmente deixado em branco]
15. Iremos criar um parser de URL
16. Cenário 1 Extrair o protocolo. Ex.: http://this.is.my.site.com/spam https://another.web.site.com/baz ftp://file.sharing.site.com/spam
17. Cenário 2 Extrair hostname. Ex.: http://localhost http://localhost/ http://site.com/ http://www.stuff.com/spam https://really.long.hostname.dot.com/spam
18. Cenário 3 Extrair path. Ex.: http://spam/foo http://site.com/foo/ http://site.com/foo/bar https://poxa.vida/hein/wow/
19. Cenário 4 Extrair querystring. Ex.: http://localhost ({}) http://localhost?foo ({ foo: “” }) http://site.com/?foo=bar ({ foo: “bar” }) http://www.stuff.com/spam?foo=1&bar=2 ({ foo: “1”, bar: “2” }) https://dot.com/?yay=a&yay=b ({ yay: [“a”, “b”] }) https://que.bo?name=Jo%C3%A3o ({ name: “João”}) https://sai.te?caf%C3%A9=please ({ café: “please”})
20. Cenário 5 Extrair hash. Ex.: http://localhost (“”) http://localhost#yay http://site.com/#/some/hash http://que.ro?#caf%C3%A9%C3%A9
21. Cenário 6 Extrair porta. Ex.: http://localhost (80) http://localhost:3000
22. Cenário 7 Extrair autenticação. Ex.: http://localhost ({user: “”, pass: “” }) http://user:pass@localhost http://z%C3%A9:man%C3%A9@localhost ({user: “zé”, pass: “mané” })
23. Cenário 8 Juntando tudo. Ex.: sftp://poxa:vida@a.b.c.site.com:3000/yay/wow/?spam=egg&spam=r%C3%A3&pat%C3%AA=cream#something