Teste Visual - UI Testing Inspector

Testes de regressão visual sem falsos alarmes. Compara a página com uma referência e ignora conteúdo dinâmico. 100% local.

Uma extensão que deteta regressões visuais. Mostra apenas as alterações reais e não assinala o resto. Guarde uma referência da sua página. Faça as suas alterações. Clique em "Compare". O relatório mostra apenas o que realmente mudou. Porque é que o relatório fica limpo 🔸 A extensão compara a sua página com uma referência. Sobreposições que já faziam parte do design não são consideradas erros. 🔸 Carrosséis, banners, temporizadores e anúncios são detetados e excluídos automaticamente. Não é preciso configurar nada. 🔸 Testado em sites reais. Milhares de falsos positivos das ferramentas de comparação pixel a pixel caem para zero aqui. Privacidade As capturas de ecrã e os dados nunca saem do seu computador. Sem nuvem, sem contas, sem subscrições. O que tem o relatório 🔸 Um veredito numa linha. Vê logo se a página está bem. 🔸 Resultados em linguagem simples. Por exemplo, "um bloco sobrepõe-se a um botão". Cada um vem com um recorte de captura de ecrã e um destaque. 🔸 Alterações de texto. Antes e depois, com as palavras alteradas destacadas. 🔸 Um cursor para comparar a referência com a versão atual, mais um mapa de diferenças. 🔸 Exporte o relatório como um único ficheiro com todas as capturas de ecrã. Envie-o a um cliente ou colega. Abre sem a extensão. Auditoria de responsividade 📱 Verifique a sua página nas larguras 320, 768, 1024, 1440 ou nas suas próprias. O relatório mostra onde a disposição falha e inclui uma captura de ecrã para cada tamanho. Também consegue 🔸 Capturar a página inteira, incluindo a parte fora do ecrã visível 🔸 Detetar texto cortado e blocos que ultrapassam os seus contentores 🔸 Sinalizar problemas de acessibilidade, como imagens sem descrição 🔸 Guardar os últimos 10 relatórios. Reabra qualquer um a qualquer momento Como funciona 1️⃣ Abra a sua página e guarde uma referência 2️⃣ Altere o seu código e conteúdo 3️⃣ Clique em "Compare with baseline" (Comparar com a referência). O relatório abre num novo separador 4️⃣ Satisfeito com a nova versão? Atualize a referência com um clique Para quem é ➡️ Programadores frontend. Apanhe regressões antes do commit ➡️ Engenheiros de QA. Verificações visuais sem CI nem configuração ➡️ Freelancers e agências. Envie aos clientes um relatório num único ficheiro ➡️ Designers. Verifique rapidamente a implementação em relação ao mockup Perguntas e respostas ❓ E os carrosséis, anúncios e relógios? 💬 A extensão deteta o conteúdo dinâmico automaticamente e exclui-o da comparação. ❓ Os meus dados estão seguros? 💬 Sim. Tudo é guardado e processado apenas no seu navegador. ❓ Funciona em localhost? 💬 Sim. É ótimo para desenvolvimento local. ❓ Preciso de conta ou configuração? 💬 Não. Instale a extensão e clique no botão.