Visual Regression com BackstopJS

Boa tarde!

Sou André Mendes

Estou aqui porque gosto de comunidades

Você me acha em:

@ap_mendes

André Mendes

​

Sobre Comunidades

​

​

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

Visual Regression

O que eu entendo sobre o conceito?

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.

“

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

​

Quando automatizar esta etapa?

• Pull Request?
• Manualmente?
• Pre-commit?
• Jobb separado?

​

O dilema

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

Cross-browser

Gratuita ou paga?

Aprovação automática?

Aprovação manual?

Dashboard?

Linguagem

Dependências

Relatórios?

PhantomJS

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

BackstopJS

?

81 contribuidores

​

955 commits

Sendo observado por 110 pessoas

Favoritado 228 vezes

​

200 issues

​

62 releases

Demo

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

Obrigado!

Dúvidas ?

​

You can find me at

@ap_mendes

André Mendes

​