Ferramentas de teste de regressão visual

Desde que mencionamos as ferramentas de teste de regressão visual em 2014, o uso da técnica cresceu e o cenário das ferramentas evoluiu. BackstopJS continua sendo uma excelente opção, com novos recursos sendo adicionados regularmente, incluindo suporte para execução em contêineres do Docker. Loki foi destaque em nosso último Radar. Applitools, CrossBrowserTesting e Percy são soluções SaaS. Outra menção notável é Resemble.js, uma biblioteca que diferencia imagens. Embora a maioria dos times usam indiretamente como parte do BackstopJS, alguns de nossos times a usam para analisar e comparar imagens diretamente de páginas da web. Em geral, nossa experiência mostra que as ferramentas de regressão visual são menos úteis nos estágios iniciais, quando a interface passa por mudanças significativas, mas certamente provam seu valor à medida que o produto amadurece e a interface se estabiliza.

Growing complexity in web applications has increased the awareness that appearance should be tested in addition to functionality. This has given rise to a variety of visual regression testing tools, including CSS Critic, dpxdt, Huxley, PhantomCSS, and Wraith. Techniques range from straightforward assertions of CSS values to actual screenshot comparison. While this is a field still in active development we believe that testing for visual regressions should be added to Continuous Delivery pipelines.