# 178: Percy detecta mudanças visuais em qualquer fluxo de trabalho - CSS-Tricks

Anonim

Queria ter certeza de que você entendeu exatamente o que Percy pode fazer por você, daí o título. Quando você efetua uma alteração no repositório Git de seus sites, como em um fluxo de trabalho de Pull Request em que a maioria de nós vive, Percy avisa se essa alteração causa alguma alteração visual em seu site. Ele mostrará exatamente quais são essas mudanças: quais páginas, qual ponto de interrupção de consulta de mídia, qual navegador, etc.

É incrível.

Aqui está uma captura de tela do painel de Percy quando fiz uma alteração para aumentar o tamanho de um botão:

Felizmente, eu pretendia essa mudança. Se eu não fizesse isso, este é o momento em que Percy está salvando minha bunda. Posso facilmente fazer alterações visuais acidentalmente, alterando o CSS que tem um impacto mais amplo do que originalmente pensei que teria.

Assim que o Percy estiver configurado, ele fará parte das verificações de solicitação pull que acontecem automaticamente:

Colocar esse tipo de teste em seu CI (Integração Contínua) é muito poderoso.

Percy tem todos os tipos de configurações poderosas, mas também pode ser bastante simples. Percy! Vá para este URL e faça uma captura de tela dele! Percy! Vá para este URL, clique neste botão e faça uma captura de tela disso! Se você está familiarizado com a linguagem de automação de navegador incrivelmente simples, Puppeteer, é isso que o PercyScript usa.