Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Automatizando Visual Regression Testing - Samanta Cicilia

54 views

Published on

Samanta Cicilia - Manager de QA, Concrete

No meu último projeto me deparei com o desafio de automatizar testes para gráficos onde as cores, formatos e detalhes eram muito importantes para a funcionalidade.
A solução foi aplicar Visual Regression Testing e garantir que esses aspectos visuais estavam de acordo com o esperado.
Nessa palestra vamos ver o que é Visual Regression Testing e exemplos de como automatizar usando algumas ferramentas de mercado (Percy, Lineup, Visual Review, AppliTools, GalenFramework) e também que é possível implementar a sua própria.

Palestra apresentada no InterCon 2018 - https://eventos.imasters.com.br/intercon

Published in: Software
  • Be the first to comment

  • Be the first to like this

Automatizando Visual Regression Testing - Samanta Cicilia

  1. 1. OUTUBRO/ 2018 Automatizando Visual Regression Testing
  2. 2. Samanta Cicilia QA Manager #Concrete m�e da Luna viajante #diversidade INICIATIVAS http://agiletesters.com.br/ https://www.facebook.com/totinitiative/ CONTATOS @samantacicilia samycici@gmail.com https://www.linkedin.com/in/samantacici/
  3. 3. Testes de Regress�o Visual: "S�o testes automatizados que verificam se a interface da aplica��o est� compat�vel com algum baseline."
  4. 4. onde eles se encaixam?
  5. 5. o que validar?
  6. 6. o que validar? - Layout entre vers�es - Compatibilidade de dispositivos - Alinhamento de Componentes - Responsivo - Gr�ficos
  7. 7. como � o processo?
  8. 8. https://applitools.com/
  9. 9. ferramentas
  10. 10. visual testing as a service
  11. 11. funcionalidades - valida��o pixel-a-pixel - responsivo - estabiliza��o de snapshots (ex: anima��es) - cross browser - paraleliza��o - agn�stico - trial de 14 dias
  12. 12. Dashboard: Builds
  13. 13. Dashboard: teste falha
  14. 14. Dashboard: responsivo
  15. 15. funcionalidades - cross device e browser - relat�rios customiz�veis - baseline branch e merge - nuvem p�blica e privada - free account - 100 valida��es por m�s
  16. 16. Dashboard
  17. 17. Ignorar uma �rea
  18. 18. open source
  19. 19. funcionalidades - desatualizado :( - dashboard local - plugin protractor - compara��o de screen shots
  20. 20. Teste
  21. 21. Diff
  22. 22. funcionalidades - Open Source - Suporte: - Ruby (Capybara) - Magneton gem - Executar uma vez e guardar o screen base - Cuidado com diferentes browsers e resolu��es
  23. 23. Visual Matcher
  24. 24. Visual Matcher
  25. 25. Visual Matcher
  26. 26. funcionalidades - Suporte: Javascript - Chrome headless - Simples workflow (init, teste, approve) - Gera relat�rio html - Projeto bastante ativo
  27. 27. Conclus�o Atualizando seu conhecimento
  28. 28. Refer�ncias Use Layered Testing to Enable Continuous Delivery of Digital Business Capabilities - Sean Kenefick, Gartner A curated list of resources around the topic: visual regression testing https://github.com/mojoaxel/awesome-regression-testing Testes de regress�o visual com Applitools https://talkingabouttesting.com/tag/testes-de-regressao-visuais/ Visual Regression Testing Tools https://github.com/samycici/visual-regression-tools https://github.com/samycici/visual-regression-tools
  29. 29. Obrigada! E-mail teamofthought@gmail.com Grupo meetup ToT - Team of Thought Facebook facebook.com/totinitiative/

×