Meetup AngularJS Rio - Testes e2e para apps AngularJS com Protractor
4 likes895 views
O documento apresenta uma introdução ao Protractor, um framework para testes e2e (end-to-end) desenvolvido pela equipe do AngularJS, que utiliza o Selenium WebDriver. Ele fornece informações sobre a arquitetura, exemplos de localizadores e ações, bem como demonstrações de testes com aplicativos AngularJS e não-AngularJS. O autor, Stefan Teixeira, compartilha recursos adicionais e links para blogs técnicos relacionados ao Protractor e testes automatizados.
Meetup AngularJS Rio - Testes e2e para apps AngularJS com Protractor
- 1. Testes e2e para apps AngularJS com Protractor Stefan Teixeira @stefan_teixeira [email protected] 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: [email protected] • 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
- 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
- 17. Sauce Labs: Test Reports
- 19. +
- 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 [email protected] stefanteixeira.com.br stefanteixeira.com