Slides utilizados para falar sobre o caminho das pedras com Protractor no 22º Café, Teste e Pão de Queijo que aconteceu no dia 30/11 na CI&T em BH.

1. O caminho das pedras - Luiza Guerra

2. Criado em julho de 2013
Principal contribuidora: Julie Ralph
Senior Developer - Google (AngularJs)

3. Testes E2E

4. Unit
E2E
Integration

5. Testes E2E buscam garantir que a
integração dos componentes da
aplicação funcione como esperado.

6. Toda a aplicação é testada em um
cenário real que inclui a
comunicação com banco de dados,
rede, hardware e outras aplicações.

7. Framework para testes E2E
de aplicações AngularJS

8. Protractor
WebdriverJS
Possui locators específicos para Angular JS
Executa testes em browsers reais
Programa node.js

9. Como funciona?

11. Teste Servidor Browser
Node.JS
WebDriverJS
Protractor
Selenium
Server
WebDriver
Browser Driver
AngularJS
app

12. Como instalar?

13. Setup
$ node --version
$ npm install -g protractor
- - protractor command line tool
- - webdriver-manager command line tool
- - Protractor API (library)

15. Como começar?

16. Arquivos necessários
- Arquivo de configuração
- conf.js

17. Arquivos necessários
- Arquivo de teste
- spec.js

18. Dicas de ouro

19. Page Objects
- Encapsulamento
- O acesso aos elementos é de responsabilidade do Page Object.
- Abstração
- Detalhes da implementação não devem ser relevantes ao arquivo
de teste.
- Separação de responsabilidades
- Ao teste cabe a responsabilidade pelo AAA, ao Page Object cabe a
interação com a API do Webdriver

32. Declare funções para operações
com mais de um passo
Redução de complexidade

33. Não faça verificações no Page
Object
É de responsabilidade do teste realizar as verificações
Melhora a legibilidade

34. Dê preferência a locators do
Protractor
- Facilidade de acesso aos elementos
- Menor probabilidade de alteração no código
- Locators mais legíveis

35. Se não for possível, utilize
locators id e css
- Boa performance
- Boa legibilidade
- Facilidade de acesso aos elementos

36. Evite o XPATH
- Se torna obsoleto com facilidade
- Problemas de performance
- Muito pouco intuitivo

37. SHOW
ME
THE
CODE

39. Referências
- http://www.protractortest.org/#/
- https://jasmine.github.io/
- https://github.com/angular/protractor
- https://www.mountaingoatsoftware.com/blog
- https://github.com/luizaguerra/protractor-u