O Desenvolvedor – Página: 7 – Falando sobre código desde 2007
Publicado em Publicado 4 de fevereiro de 2013 por gserrano
CasperJS é uma ferramenta poderosa para gerar scripts de navegação e testes com o PhantomJS. Quer saber mais sobre ele? Veja o site, é a melhor referência.
Vou me ater a mostrar um script que testa uma navegação simples aqui do And After: carregar a home, testar o título, clicar no primeiro link do menu, verificar se a url está correta e checar se um certo nó do DOM existe.
O grande barato do CasperJS é poder programar (fazer o script) de teste funcional, simulando carregamento de páginas, clique em elementos, preenchimento de formulários, etc… (relativamente todo tipo de interação possível do usuário) e com isso automatizar testes.
Bem, vamos ao código (comentado linha-a-linha), que é efetivamente simples e direto:
//carrega o casperjs
//define a página inicial
casper.start("https://andafter.org");
//testa, usando a API de testes, se o título da página é And After
this.test.assertEquals(this.getTitle(), "And After", "Título da página é And After");
//então clica no primeiro link dentro da ul#level-2
this.click("ul#level-2 li a:first-child");
//testa se o endereço aberto tem a url da categoria Carreira
this.test.assertEquals(this.getCurrentUrl(), "https://andafter.org/categoria/carreira", "Navega para primeiro item do menu, que é de categoria Carreira");