Ideais Cowabunga - Headless Testing com GhostDriver

Palestra apresentada no evento Ideais Cowabunga, no dia 22/07/2014.

Transcript

1. Headless Testing com GhostDriver Stefan Teixeira ! stefanfk@gmail.com / stefanteixeira.com.br 1
2. Sobre o palestrante Stefan Teixeira • QA Engineer @ Orga Systems • Bacharel em Ciência da Computação pela UFRJ • Cursando MBA em Garantia de Qualidade de Software na Escola Politécnica da UFRJ • Certificado CTAL-TA / CTAL-TM pelo ISTQB e CPRE-FL pelo IREB • Mantém um blog técnico sobre Testes: stefanteixeira.com.br ! • Contatos: • E-mail: stefanfk@gmail.com • Twitter: twitter.com/stefan_teixeira • Facebook: facebook.com/stefan.teixeira • LinkedIn: linkedin.com/in/stefanteixeira • GitHub: github.com/stefanteixeira 2
3. O que é Headless Testing? 3
4. Testar usando um Headless Browser! :) 4
5. Headless Browsers 5
6. PhantomJS 6
7. PhantomJS • Headless Browser mais popular atualmente • Utiliza engine gráfica WebKit, a mesma usada pelo Safari e pelo Chrome (até a versão 27 - Abril/2013) Hoje, o Chrome usa sua própria engine (Blink), que é um fork do WebKit • Criado por Ariya Hidayat • phantomjs.org / https://github.com/ariya/ phantomjs 7
8. Frameworks / Test Runners Frameworks Test Runners Selenium WebDriver GhostDriver Capybara Poltergeist Jasmine Chutzpah Robot Framework phantomrobot 8
9. Por que usar? 9
10. #1: Feedback mais rápido 10
11. Importância do tempo de build e feedback ! • XP (Extreme Programming) 10-minute build • James Shore (The Art of Agile Development) 10 or 15-minute build 11
12. – James Shore, The Art of Agile Development “That’s about the right amount of time to stretch my legs, get some coffee, and talk over our work with my pairing partner.” 12
13. Importância do tempo de build e feedback • Dan Bodart • Palestra “Crazy Fast Build Times - or when 10 seconds starts to make you nervous” • Mostra formas de reduzir em até 10 vezes o tempo de build de uma aplicação • Palestra na InfoQ: http://goo.gl/ScN6HH 13
14. #2: Ideal para Smoke Tests 14
15. ! ! – Definição de Smoke Tests pelo ISTQB (International Software Testing Qualifications Board) “Subconjunto de todos os casos de testes definidos/planejados que cobre as principais funcionalidades de um componente ou sistema, para averiguar as principais funções de um programa em funcionamento sem se preocupar com maiores detalhes.” 15
16. #3: Ideal para Integração Contínua 16
17. Headless Browsers + CI ! • Possível rodar os testes no próprio servidor de CI • Setup simples • Para projetos no GitHub, o Travis CI oferece suporte ao PhantomJS por default ;) 17
18. Atenção!
 
 Testar com um Headless Browser não substitui a necessidade de testar em browsers reais. 18
19. GhostDriver 19
20. GhostDriver • Implementação do WebDriver Wire Protocol para o PhantomJS • Criado por Ivan De Marino • Versão atual: 1.1.1 (12/01/2014) • GitHub: https://github.com/detro/ghostdriver • Projeto também inclui Java bindings (PhantomJSDriver) 20
21. Setup • Windows: baixar .zip do PhantomJS, extrair, e adicionar o diretório no PATH • Ubuntu: http://goo.gl/6Qv9cB • Mac OS X: brew update && brew install phantomjs • Versão do Selenium >= 2.33.0 OBS: 2.40.0 já conta com a versão 1.1.0 do PhantomJSDriver (Java binding) 21
22. Dependências •Maven: <dependency> <groupId>com.github.detro.ghostdriver</groupId> <artifactId>phantomjsdriver</artifactId> <version>1.1.0</version> </dependency> ! •Gradle: dependencies { … testCompile “com.github.detro.ghostdriver:phantomjsdriver:1.1.0" … } 22
23. Como usar? ! ! WebDriver driver = new PhantomJSDriver(); 23
24. Passando CLI arguments •É possível passar parâmetros de linha de comando do PhantomJS para o GhostDriver, por exemplo: ArrayList argumentos = new ArrayList(); argumentos.add(“--ignore-ssl-errors=true”); argumentos.add(“--ssl-protocol=any”); argumentos.add(“--proxy-type=none”); ! DesiredCapabilities caps = DesiredCapabilities.phantomjs(); caps.setCapability(“phantomjs.cli.args”, argumentos); ! WebDriver driver = new PhantomJSDriver(caps); ! ! • Lista de parâmetros: phantomjs.org/api/command- line.html 24
25. Issues conhecidas 25
26. #1: Tratamento de alerts
 
 github.com/detro/ghostdriver/issues/20 26
27. Workaround 1 •Usar JavaScriptExecutor (colocar código antes da ação que gera o alerta JS): ! ! ((JavaScriptExecutor) driver).executeScript(“window.alert = function(msg) {};”); ! ! ((JavaScriptExecutor) driver).executeScript(“window.confirm = function(msg) {return true;};”); 27
28. Workaround 2 •Usar callbacks do PhantomJS (colocar código antes da ação que gera o alerta JS) •A partir da versão 1.1.0 do GhostDriver, é possível executar código do PhantomJS através do método executePhantomJS ! PhantomJSDriver phantom = (PhantomJSDriver) driver; ! phantom.executePhantomJS(“var page = this;” + “page.onConfirm = function(msg) {“ + “console.log(‘CONFIRM: ‘ + msg);” + “return true;” + “};”); 28
29. #2: SendKeys dentro de nested frames
 
 github.com/detro/ghostdriver/issues/335 29
30. Problema • Quando há um campo de texto dentro de nested frames (frame dentro de um iframe, por exemplo), o GhostDriver só digita o último caractere :( • Essa issue ainda não foi investigada, apesar de três pessoas já terem notificado o problema. 30
31. Demo • Teste simples com uma página de exemplo • Jenkins + GhostDriver (+ Gradle) • Travis CI + GhostDriver (+ Gradle) • Projeto de exemplo no GitHub: https:// github.com/stefanteixeira/exemplo-ghostdriver- gradle • Slides disponíveis em: http://pt.slideshare.net/ stefanteixeira 31
32. Obrigado! Stefan Teixeira stefanfk@gmail.com stefanteixeira.com.br @stefan_teixeira