Teste visual por captura de tela (screenshot testing): método de detecção de regressões visuais que consiste em capturar uma imagem de uma página ou de um componente web e compará-la com uma imagem de referência, sendo as diferenças consideradas significativas sinalizadas como possíveis regressões.
O Percy foi, por muito tempo, o nome que vinha primeiro quando se falava de teste visual automatizado. Adquirido pelo BrowserStack em 2020, a ferramenta se firmou como a solução "óbvia" para equipes que querem adicionar uma camada de comparação visual ao seu pipeline de testes.
O cenário mudou. E a pergunta que toda equipe deveria se fazer hoje não é mais "como integrar o Percy aos nossos testes?", e sim "a abordagem do Percy é a mais pertinente para a nossa necessidade?".
O Delta-QA responde de outra forma ao mesmo problema. Sem cobrança por screenshot, sem teste para escrever: você grava seus percursos no navegador, e o Delta-QA diz qual elemento mudou de uma versão para outra. Em SaaS ou, com a oferta On-Premise, na sua rede. Vamos comparar os dois.
Todos os nossos comparativos, com critérios verificáveis: Alternativas e comparativos.
E se testar cada página não aumentasse a sua fatura por screenshot? O Delta-QA verifica seus percursos sem código, com uma conta gratuita e sem cartão de crédito. Testar o Delta-QA grátis →
Percy: o teste visual como extensão dos seus testes existentes
O Percy funciona com um princípio simples: em pontos escolhidos dos seus testes automatizados, você dispara uma captura. Essa captura é enviada à infraestrutura do BrowserStack, onde é comparada com uma imagem de referência (a baseline). As diferenças são exibidas em um painel web onde sua equipe aprova ou rejeita cada mudança.
Para usá-lo nos seus percursos, você precisa primeiro ter testes automatizados (Cypress, Playwright, Selenium, Storybook ou um dos muitos frameworks suportados). Você instala o SDK do Percy correspondente, adiciona chamadas de captura nos lugares pertinentes e configura um token para se comunicar com o Percy. O BrowserStack anuncia um "Visual Test Integration Agent", ainda por vir em 10/2026, para automatizar essa configuração a partir da IDE.
O Percy também oferece um Website Scanner: você adiciona páginas pelo sitemap, agenda varreduras recorrentes, inclusive em um ambiente de pré-produção e atrás de autenticação. É uma porta de entrada sem teste para escrever, para monitorar páginas. Os percursos (login, carrinho, formulário em várias etapas) passam, por sua vez, pelos seus testes e pelo SDK.
Se você é um desenvolvedor à vontade com ferramentas de teste, tudo isso é viável em algumas horas. Se não é desenvolvedor, depende de outra pessoa para implantar e manter os testes dos seus percursos.
Delta-QA: o teste visual como atividade autônoma
O Delta-QA parte de um postulado inverso: o teste visual não deveria ser um acessório dos seus testes funcionais. É uma atividade por si só, com seus próprios usuários.
Na prática, você abre o seu site no Delta-QA e percorre o cenário como um usuário: login, navegação, formulário. Cada etapa vira um ponto de controle. Na versão seguinte, o Delta-QA reproduz o percurso em um navegador de verdade e compara cada página com sua referência como faria o olho humano, identificando os elementos que mudaram.
O resultado é um relatório legível: um elemento adicionado, removido, modificado ou deslocado, uma cor que mudou, uma margem que se moveu, uma fonte que difere. Você julga cada diferença, intencional ou bug, e a referência avança com você.
E tudo isso sem escrever uma única linha de código. Se você sabe percorrer o seu site, sabe gravar um cenário.
Código vs no-code: por que isso muda tudo
A diferença mais fundamental entre o Percy e o Delta-QA não é técnica, é organizacional.
O Percy é, antes de tudo, uma ferramenta de desenvolvedor. Para os percursos, ele vive no código, é instalado via npm ou pip, configurado em arquivos e executado em pipelines de CI/CD. É perfeitamente lógico quando seus testadores são desenvolvedores.
Pense na sua equipe. Quem se preocupa com a qualidade visual do seu produto? Os desenvolvedores, claro. Mas também os designers que criaram os layouts, os product owners que validaram os percursos, os QA managers que definem os critérios de aceitação, os responsáveis de marketing que gerenciam as páginas de conteúdo.
Com o Percy, esses perfis aprovam ou rejeitam as mudanças no painel e podem adicionar páginas ao Website Scanner. Mas um percurso que exige ações (fazer login, encher um carrinho, validar um formulário) continua sendo assunto de quem escreve os testes.
O Delta-QA os inclui. Qualquer pessoa da equipe pode gravar um percurso, reproduzi-lo e julgar os resultados. O teste visual passa a ser uma responsabilidade compartilhada em vez de uma tarefa técnica delegada.
A cobrança por screenshot: um modelo que pesa sobre a cobertura
O modelo econômico do Percy merece atenção especial, porque liga diretamente a cobertura de teste ao orçamento.
Em 10/2026, segundo a tabela de preços do BrowserStack:
- Free: 5.000 screenshots por mês, usuários ilimitados, um mês de histórico.
- Desktop: a partir de US$ 199 por mês cobrados anualmente, para 10.000 screenshots por mês; cada screenshot adicional é cobrado a US$ 0,036.
- Desktop & Mobile: a partir de US$ 599 por mês cobrados anualmente, para 25.000 screenshots por mês e dispositivos móveis reais; US$ 0,048 por screenshot adicional.
- Enterprise: opcional, sob consulta (SSO, controle de acesso, SLA).
O ponto a observar é a definição de um screenshot: cada combinação de página, navegador e largura de tela produz um. Se você testa 10 páginas em 3 larguras e 2 navegadores, são 60 screenshots por execução. Com duas execuções por dia, a cota gratuita se esgota em menos de três semanas.
Tomemos um site de e-commerce com 500 páginas de produto, verificado após cada implantação diária em três larguras de tela: 45.000 screenshots por mês. Já passamos do plano Desktop básico, e cada screenshot a mais é pago.
Esse modelo cria uma tensão entre a cobertura de teste e o orçamento. As equipes acabam limitando as páginas testadas, a frequência ou as larguras de tela, não porque seja a decisão técnica certa, mas porque o orçamento impõe.
O Delta-QA não cobra por screenshot. A conta gratuita é criada sem cartão de crédito, e depois os planos acompanham o uso, sem contador por captura, navegador ou largura de tela.
Nuvem ou On-Premise: a soberania dos seus dados
Cada screenshot enviado ao Percy transita pela infraestrutura do BrowserStack e fica armazenado lá. Para a maioria dos sites públicos, isso não é problema. Mas os sites públicos são só uma fração do que as equipes testam.
E o seu back-office? O seu painel interno com dados de clientes? O seu ambiente de pré-produção com dados de produção mal anonimizados? O seu portal médico, a sua interface bancária, o seu sistema de RH?
Enviar capturas dessas páginas a um terceiro, mesmo certificado, levanta questões que certas organizações não podem ignorar: RGPD, HDS, PCI-DSS, políticas de segurança internas. Em 10/2026, a tabela do Percy não oferece implantação on-premise.
O Delta-QA responde com sua oferta On-Premise. A ferramenta roda na sua rede, suas páginas são comparadas lá e os resultados ficam lá. A oferta pode ser avaliada com um POC gratuito de um mês.
Suas capturas não podem sair da sua casa? O Delta-QA roda em SaaS ou, com a oferta On-Premise, na sua rede. Comece com uma conta gratuita, sem cartão de crédito. Testar o Delta-QA grátis →
A estabilidade dos resultados: o ruído de renderização
Quem já usou uma ferramenta de teste visual baseada em capturas conhece os falsos positivos. A renderização de uma fonte varia de um sistema para outro, o anti-aliasing difere, uma animação capturada em um instante diferente produz outra imagem, uma barra de rolagem que aparece desloca tudo alguns pixels.
O Percy trabalhou muito nesse ponto. Seu "Percy Visual Engine" se apoia, segundo o BrowserStack, em visão computacional e aprendizado de máquina para os diffs. O Percy desativa animações e GIFs antes da captura e oferece um ajuste de sensibilidade da comparação. O "Visual Review Agent" destaca as mudanças significativas para acelerar a revisão. Essas ferramentas reduzem a triagem, sem eliminá-la: ainda é preciso alguém olhar cada diff e decidir.
O Delta-QA pega o problema pela outra ponta: ele compara os elementos da página, não duas imagens. O relatório diz qual elemento mudou e como (cor, margem, fonte, posição), o que torna cada diferença rápida de julgar. Para entender a diferença entre as duas abordagens, veja nosso artigo sobre a comparação pixel a pixel e a comparação perceptual.
A integração com CI/CD: duas abordagens
O Percy se integra a pipelines de CI/CD via seu SDK. É uma integração madura que funciona com os grandes sistemas de CI (GitHub Actions, GitLab CI, Jenkins, CircleCI), com um status diretamente na pull request.
O Delta-QA agora tem um SDK, o Vision, para Playwright (TypeScript/JavaScript). Com o SDK Vision, um teste Playwright adiciona uma linha onde uma página deve ser verificada; uma diferença não avaliada faz o teste falhar, e o log da CI traz o link do relatório. Seus testes em código e seus cenários gravados sem código vivem no mesmo espaço: mesmas referências, mesmo relatório. O Percy mantém a vantagem da maturidade e do número de frameworks cobertos.
Quando o Percy continua sendo a escolha certa
Você quer o teste visual como complemento dos seus testes funcionais existentes. Se você já tem uma suíte Cypress, Selenium ou Playwright robusta, adicionar o Percy é o caminho de menor resistência, com uma integração de CI madura em muitos frameworks.
Você precisa de teste visual cross-browser. O Percy captura em vários navegadores via infraestrutura do BrowserStack, e em dispositivos móveis reais com o plano Desktop & Mobile. O Delta-QA compara hoje no Chromium; Firefox e WebKit estão previstos.
Sua equipe é composta por desenvolvedores. Se as únicas pessoas que farão teste visual estão à vontade com SDKs e pipelines, a barreira de entrada do Percy é baixa.
Quando o Delta-QA é a melhor opção
O teste visual é uma necessidade em si, não uma extensão dos seus testes funcionais. Se você não tem testes automatizados, ou se seus percursos não são cobertos por eles, o Delta-QA os verifica sem escrever nenhum.
Não desenvolvedores precisam participar. QA, designers, product owners, marketing: se precisam gravar e julgar percursos sem passar por um desenvolvedor, o Delta-QA foi feito para eles.
Você recusa a cobrança por screenshot. Se não quer que o número de páginas, navegadores e larguras de tela testados seja ditado por um contador, o modelo do Delta-QA elimina essa restrição.
A confidencialidade dos dados é inegociável. Se suas políticas proíbem o envio de capturas a um terceiro, a oferta On-Premise do Delta-QA mantém tudo na sua rede.
Você quer um relatório que se lê. Se a triagem de diffs de imagens te desanimou, um relatório que nomeia o elemento alterado e a propriedade modificada muda a revisão.
O veredito
O Percy é uma ferramenta madura, bem integrada ao ecossistema BrowserStack, e eficaz para equipes de desenvolvedores que querem adicionar uma camada visual aos seus testes automatizados, com cross-browser e dispositivos reais.
Mas muitas equipes não precisam de um SDK, de um serviço em nuvem e de uma cobrança por screenshot para detectar as regressões visuais dos seus percursos. Elas precisam de uma ferramenta que toda a equipe possa usar, e cuja fatura não cresça com o rigor dos testes.
O Delta-QA foi pensado para elas. Ele não é mais abrangente que o Percy, e não pretende ser. Resolve o teste visual dos percursos com menos atrito e mais acessibilidade. E a ferramenta que toda a equipe adota costuma ser mais útil do que aquela que impressiona.
Pronto para testar seus percursos sem contar seus screenshots? Grave seu primeiro cenário com o Delta-QA, com uma conta gratuita e sem cartão de crédito. Testar o Delta-QA grátis →
FAQ
O Percy é gratuito?
O Percy oferece um plano gratuito de 5.000 screenshots por mês, com usuários ilimitados e um mês de histórico (em 10/2026). Além disso, os planos pagos começam em US$ 199 por mês cobrados anualmente para 10.000 screenshots por mês, e cada screenshot adicional é cobrado. O Delta-QA começa com uma conta gratuita, sem cartão de crédito.
Dá para usar o Percy sem escrever código?
Em parte. O Website Scanner do Percy monitora páginas adicionadas por sitemap, com varreduras agendadas, sem teste para escrever. Para verificar percursos (login, carrinho, formulário), são necessários testes automatizados e o SDK do Percy. O Delta-QA grava esses percursos sem código, a partir do navegador.
O Delta-QA detecta os mesmos bugs que os screenshots?
Ele detecta as regressões que afetam os elementos da página: cores, tamanhos, posições, fontes, margens, elementos adicionados ou desaparecidos. O conteúdo interno de uma imagem ou um defeito de renderização próprio de um navegador dependem mais de uma comparação de imagens. O Delta-QA compara hoje no Chromium.
O Percy lida com páginas com autenticação?
Sim. Nos seus testes automatizados, o script cuida do login antes da captura; o Website Scanner também sabe varrer páginas atrás de autenticação. Com o Delta-QA, o login simplesmente faz parte do cenário gravado.
O Delta-QA tem um SDK como o Percy?
Sim. O Delta-QA agora tem um SDK, o Vision, para Playwright (TypeScript/JavaScript). O SDK Vision faz o Delta-QA verificar uma página em uma linha, e uma diferença não avaliada faz o teste falhar com o link do relatório na CI.
O Percy pode funcionar on-premise?
Em 10/2026, a tabela do Percy não oferece implantação on-premise: a renderização e o armazenamento são feitos na infraestrutura do BrowserStack. O Delta-QA oferece uma oferta On-Premise, que pode ser avaliada com um POC gratuito de um mês.
Percy e Delta-QA podem coexistir?
Sim. Você pode manter o Percy nos seus testes automatizados para componentes e cross-browser, e usar o Delta-QA para que toda a equipe verifique seus percursos sem código. As duas ferramentas são independentes.