Pequena talk sobre como realizar Visual Regression Testing utilizando BackstopJS

1. Visual Regression
com BackstopJS

2. Sou André Mendes
Estou aqui porque gosto de comunidades
Você me acha em:
@ap_mendes
André Mendes
Boa tarde!

3. Sobre Comunidades
https://www.meetup.com/pt-BR/Ministry-of-Testing-Rio-de-Janeiro/

5. Visual Regression
O que eu entendo sobre o conceito?

6. “
Visual Regression é uma estratégia que
permite fazer comparações do layout da
aplicação com o estado ideal (baseline)
dela.
Geralmente, este tipo de teste percorre
a aplicação na camada de UI e faz estas
verificações através do CSS ou
screenshots.

7. Porque automatizar esta etapa?
◉ Muita coisa acontecendo ao mesmo tempo
◉ Multiplos commits
◉ Browsers diferentes
◉ Regressão
◉ A aplicação não é apenas funcionalidades e
APIs

8. Quando automatizar esta etapa?
◉ Pull Request?
◉ Manualmente?
◉ Pre-commit?
◉ Jobb separado?

9. O dilema
Há algumas opções de ferramentas
disponíveis. Qual escolher?

10. Cross-browser
Gratuita ou paga?
Aprovação automática?
Aprovação manual?
Dashboard?
Linguagem
DependênciasRelatórios?

11. PhantomJS

12. https://pt.slideshare.net/samantacicilia/mtc-automatizando-visual-regression-testing

13. ?
BackstopJS

14. 81
contribuidores
955 commits
Sendo observado
por 110 pessoas
Favoritado 228
vezes
200 issues
62 releases

16. Demo
Vamos ver um pouco na prática a
simplicidade da ferramenta

17. Dúvidas ?
You can find me at
@ap_mendes
André Mendes
Obrigado!