Front-end javascript unit testing and mock

“Javascript também é código. Teste!”

Além dos bons motivos já conhecidos • Diferenças entre navegadores • Complexidade nas interfaces • Volume de código

E porque o povo não testa? Is paining • DOM • Interações do usuário • AJAX, animações • Múltiplos navegadores • Integração continua

Falando em soluções!

Test Driven Development . Cool! • Trata sobre Design • Foco no “como” e não no “o quê” • Pode ser unitário, funcional e até BDD • Não substitui testes automatizados • Tem regras e é bom segui-las (pq?)

Test Driven Development. Benefícios! • Falhas de design aparecem mais cedo • Fácil saber quando já cobrimos todos os requisitos • Baby Steps • Bom quando não se sabe o que quer • Melhor ainda quando já se sabe o que quer

Para ajudar. Um zilhão de ferramentas! • Testes unitários: qUnit, YUITest, JSUnit • BDD: Screw.Unit, JSpec, JSSpec • Mock: qMock, Jack, Chameleon • Testes funcionais: YUITest (apenas o básico), Pyccuracy, Letuce, Cucumber

qUnit. Porque? Pros • Mantido pelo time do jQuery • Testes assíncronos • Setup e TearDown Cons • Variáveis globais pra tudo que é lado • Poucos asserts

pyccuracy/lettuce/cucumber. Porque? Pros • Interação entre widgets • Mais rápido escrever os testes • Fácil integrar ao CI Cons • Não é atômico

chameleon Porque? Pros • Nós o mantemos • Fácil de usar • Integrado ao qUnit Cons • Faltam features • Documentação de ciente

Ainda sobre mocks!

Faz sentido criar um mock quando o objeto: • gera resultados não deterministicos • tem estados difíceis de criar ou reproduzir • ainda não existe ou pode ter o comportamento alterado • é necessário adicionar informações ou métodos, exclusivamente para os testes • ou simplesmente quer abstrair o resultado

O que esperar de uma ferramenta de Mock? • Simular a chamada para um método • Adicionar expectativas • Validar se o esperado foi chamado • Informar, com clareza, falhas na expectativa • Deixa o teste legível, claro

Integração Contínua e múltiplos navegadores? • Selenium grid • Hanoi • Yeti • TestSwarm • JsTestDriver

Obrigado! Felipe Silva @felipe_silva Marcio Duarte @Maethorin

Front-end javascript unit testing and mock

by felipefsilva on Sep 13, 2010

Accessibility

Tags

Upload Details

Usage Rights

Statistics

Front-end javascript unit testing and mock — Presentation Transcript