Apresentação no #Javou10 - FrontEnd Edition

1. #JAVOU10
TESTES E2E COM
JAVASCRIPT
Henrique Luz

2. BIO
Henrique Luz
‣ Bacharel em Computação / UFC
‣ Desenvolvedor no Instituto Atlântico
‣ Corredor nas horas livres

3. AGENDA
‣ Testes na Idade Média
‣ Agile testing
- Evolução
‣ Testes E2E
- Intro
- Trade-off
‣ Back-end x Front-end
‣ WebDriver I/O
‣ Hands-on

4. TESTES NA IDADE MÉDIA
ANTES
▸Cascata
▸Manuais
▸Caixa-preta
▸Orientados a bugs
▸Feedback tardio

6. AGILE TESTING
EVOLUÇÃO

7. TESTES ÁGEIS
DEPOIS
▸Agile Development
▸TDD BDD
▸Unitários + Integração
▸Entrega Contínua
▸Feedback Instantâneo

8. SUFICIENTE?
DEPENDE!

9. “CHECAM SE O FLUXO DA
APLICAÇÃO FAZ O QUE FOI
DESENHADA PARA FAZER,
PASSANDO POR TODOS OS
COMPONENTES E SUAS

10. E2E TESTING
▸Simula fluxo do usuário
▸UI’s
▸Interage com toda app
▸Ajuda a validar critérios de aceitação
▸Regressão de testes bem mais rápida

11. TRADE-OFF
▸Mais custosos
▸Mais lentos
▸Mudanças na UI tendem a impactar

12. ONDE ESCREVER MEUS
TESTES E2E?
MAIS UMA VEZ: DEPENDE

14. Tipo da Aplicação
Tecnologias disponíveis
Maturidade do time
Conhecimento do time
?
? ?
?
?
?
?
?
?
?
?
? ?
??

15. E2E TESTING
FERRAMENTAS JAVASCRIPT

16. WEBDRIVER I/O
TESTES DE REGRESSÃO DE UI
DSL FLUENTE
VARIEDADE DE HOOKS
SUPORTA SINCRONISMO
SUPORTA GULP E GRUNT
FORNECE CLI
SETUP FÁCIL

17. ALGUMAS FEATURES
▸ client.addValue(selector, values)
▸ client.click(selector)
▸ client.dragAndDrop(source, dest)
▸ client.submitForm(selector)
▸ client.getText(selector, attrName)
▸ client.getUrl()
▸ client.getValue(selector)
▸ client.launch()
▸ client.orientation([deviceOrientation])
▸ client.getGeolocation()
▸ client.rotate(x, y, duration, radius,
rotation, touchCount)
▸ client.swipe([selector][xoffset][yoffset][s
peed]);
▸ client.currentActivity();

18. DEMO

19. PERGUNT