Apresentação realizada dia 28/01/2016 no Café, Teste e Pão de Queijo.

1. Testes E2E
Usando o
Protractor
Sthanley Carlos de Lima Junior
Café, Teste e Pão de Queijo
28 de Janeiro

2. Apresentação
SthanleyLima
sthanley@takenet.com.br
@sthanleylima

4. Agenda
• O que é AngularJS
• Nodejs e Jasmine
• Webdriver
• O que é Protractor
• Mão na massa

5. O que é Angularjs

6. #AngularJs
Framework Javascript open-source
Baseado em MVC
Criada pelo Google
Seu maior Objetivo é simplificar o Desenvolvimento de
Aplicações WEB

7. NodeJS e Jasmine

8. #NodeJs
Roda independente de navegador
Baseada em V8 JS Enginer
É uma plataforma para desenvolvimento de aplicações Javascript
Multiplataforma

9. #Jasmine
Sintaxe intuitiva
Fácil aprendizado
É uma framework javascript baseada em
BDD

10. Webdriver

11. #Webdriver
Manipulador de elementos DOM em
documentos da Web
É uma interface de controle remoto

12. O que é Protractor

13. #Protractor
Arquivo de Configuração do Protractor
O Protractor é uma framework de testes funcionais E2E.

14. #Protractor

15. #Protractor
Nodejs
Webdriver
Jasmine
DEPENDÊNCIAS
Java Development Kit (JDK)

16. #Protractor
Escrito em Javascript
Pode ser executadas em navegadores reais
ou Headless
Usado para testes Funcionais
Sem “Sleeps” e “Waits”
Open Source

17. #Protractor
• by.model
• by.binding
• by.repeater
• by.options
• by.id
• by.name
• by.css
• by.xpath
Alguns Locators

18. #Protractor
• var.click()
• var.clear()
• var.sendKeys(‘texto')
• var.getAttribute(‘value')
• var.getText()
• var.isDisplayed()
• var.isEnabled()
• var.isSelected()
Algumas Ações

19. Mão na massa

20. #Referências
• https://www.thoughtworks.com/pt/insights/blog/testing-angularjs-apps-
protractor?utm_campaign=perspectives-may-2014-
brasil&utm_medium=email&utm_source=email&mkt_tok=3RkMMJWWfF9wsRovv6zLZK
XonjHpfsX67%2BkpXqO%2FlMI%2F0ER3fOvrPUfGjI4ITMtjI%2BSLDwEYGJlv6SgFS7nMMbF
k37gPUhA%3D
• http://ramonvictor.github.io/protractor/slides/#/
• http://www.pinceladasdaweb.com.br/blog/2015/06/04
/review-introducao-ao-angularjs/
• http://pt.slideshare.net/stefanteixeira/meetup-angularjs-rio-testes-e2e-
para-apps-angularjs-com-protractor

21. #Github
• https://gist.github.com/SthanleyLima/2b89242ac2ad0c
316b86
• https://gist.github.com/SthanleyLima/5da2c965f9b0fe9
4b96a

22. taketest.com.br

23. Obrigado!
sthanley@takenet.com.br