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

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