Meetup AngularJS Rio - Testes e2e para apps AngularJS com Protractor

Talk apresentada no Meetup AngularJS Rio, no dia 21/01/16. Página do Meetup: http://www.meetup.com/

Transcript

1. Testes e2e para apps AngularJS com Protractor Stefan Teixeira @stefan_teixeira stefanfk@gmail.com stefanteixeira.com.br stefanteixeira.com Meetup AngularJS Rio de Janeiro
2. About me Stefan Teixeira • QA Engineer @ M4U • Automação de Testes, Agile Testing e DevOps • Blogs técnicos: stefanteixeira.com.br (pt-br) / stefanteixeira.com (en) 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 • SlideShare: slideshare.net/stefanteixeira
4. O que é? • Framework para testes e2e (end- to-end)
5. O que é? • Framework para testes e2e (end- to-end) • Usa o Selenium WebDriver
6. O que é? • Framework para testes e2e (end- to-end) • Usa o Selenium WebDriver • Criado pela equipe do AngularJS
7. O que é? • Framework para testes e2e (end-to- end) • Usa o Selenium WebDriver • Criado pela equipe do AngularJS • Também funciona com apps não- Angular
8. Arquitetura Fonte: https://www.thoughtworks.com/pt/insights/blog/testing-angularjs-apps-protractor
9. Config file https://github.com/angular/protractor/blob/master/docs/referenceConf.js
10. Locators (alguns dos) • by.model • by.binding • by.repeater • by.options http://angular.github.io/protractor/#/api? view=ProtractorBy http://angular.github.io/protractor/#/api? view=webdriver.By • by.id • by.name • by.css • by.xpath
11. Actions (algumas das) • el.click() • el.clear() • el.sendKeys(‘texto') • el.getAttribute(‘value') • el.getText() • el.isDisplayed() • el.isEnabled() • el.isSelected()
12. Actions: IPC ➡ Actions retornam promises https://github.com/SeleniumHQ/selenium/wiki/WebDriverJs#promises
13. Page Object Pattern Fonte: http://martinfowler.com/bliki/PageObject.html
14. E com apps não-Angular?
15. Testes na Nuvem
16. Sauce Labs: Dashboard
17. Sauce Labs: Test Reports
18. Sauce Labs: Config
19. +
20. Protractor + Grunt
22. Demo
23. • Protractor + app AngularJS: • https:/ /github.com/stefanteixeira/ fav-organizer/tree/master/test/ui • Protractor + app não-AngularJS: • https:/ /github.com/stefanteixeira/ github-tests Demo
24. • API Docs: • http:/ /angular.github.io/protractor/#/api • Posts do Daniel Amorim no blog da ThoughtWorks: • https:/ /www.thoughtworks.com/pt/insights/blog/ testing-angularjs-apps-protractor • https:/ /www.thoughtworks.com/pt/insights/blog/ hands-protractor-3-steps • Posts/vídeos sobre Protractor do Walmyr Filho: • http:/ /talkingabouttesting.com/tag/protractor/ Links recomendados
25. Obrigado! Meetup AngularJS Rio de Janeiro Stefan Teixeira @stefan_teixeira stefanfk@gmail.com stefanteixeira.com.br stefanteixeira.com