extension ExtPose

Teste Visual - UI Testing Inspector

CRX id

begcddgpiamjkanbgdcihlbfdmogcloo-

Description from extension meta

Compare mudanças visuais antes e depois de atualizar páginas web com relatórios detalhados e análise DOM.

Image from store Teste Visual - UI Testing Inspector
Description from store Cansado de verificar manualmente bugs visuais após cada alteração de código? O UI Testing Inspector é seu verificador confiável de diferenças visuais com análise DOM. Por que usar? ⚡ 100 % Local e Privado: todas as capturas e dados de comparação permanecem no seu computador – sem nuvem, sem compartilhamento de dados ⚡ Loop de Feedback Instantâneo: instale a extensão, capture uma baseline, faça mudanças no código e veja diferenças na hora – perfeito para regressões rápidas ⚡ Detecção Pixel-Perfect: capture até as menores mudanças que passam despercebidas a olho nu Características principais 🔸 Baseline com um clique – capture o estado “antes” de qualquer página com um clique 🔸 Diff visual pixel-perfect – relatório claro com baseline, estado atual e diferenças destacadas 🔸 Inspecionar Elemento – veja alterações em DOM e CSS, além do código 🔸 Captura de página completa ou viewport 🔸 Histórico de relatórios – salve e consulte até 15 relatórios 🔸 Temas claro e escuro – visualização confortável, dia ou noite Dentro do relatório detalhado 🔍 Após cada comparação: ✔️ Resumo – % de diferença e contagem de elementos alterados ✔️ Visualização lado a lado – “Antes / Depois” + imagem “Diferenças” ✔️ Lista de mudanças DOM & CSS – cor, fonte, margem, etc. O que você captura ➤ Deslocamentos e desalinhamentos de layout ➤ Alterações de cor e estilo ➤ Elementos faltando ou movidos ➤ Modificações de fonte e texto ➤ Diferenças de imagem Como funciona 1️⃣ Defina a baseline visual 2️⃣ Altere o código com confiança 3️⃣ Clique “Comparar com Baseline” – relatório detalhado em nova aba 4️⃣ Analise diferenças, corrija problemas 5️⃣ Atualize a baseline quando aprovado Dicas profissionais ✨ Aguarde o carregamento completo antes da baseline ✨ Use captura de página completa para testes amplos ✨ Mantenha o mesmo tamanho de janela para comparações precisas ✨ Capture baseline com conteúdo estável ✨ Teste uma mudança por vez para clareza ✨ Salve baselines importantes antes de grandes refatorações Casos de uso ✅ Teste de regressão visual ✅ Validação de UI/design ✅ Refatoração CSS sem medo ✅ Fluxos de teste front-end com feedback instantâneo Para quem ➡️ Devs Front-end • Engenheiros QA • Designers UI/UX • Freelancers & pequenas equipes Diferenciais 🖼️ Melhor que capturas manuais 📝 Zero curva de aprendizado – plug and play FAQ ❓ Como detecta mudanças? 💬 Comparação pixel-a-pixel + varredura estrutural DOM/CSS. ❓ Meus dados estão seguros? 💬 Sim – 100 % processados e armazenados localmente no navegador. ❓ Funciona em localhost? 💬 Claro – ideal para desenvolvimento local. ❓ E conteúdo dinâmico? 💬 Comparar estados estáticos: capture quando animações e anúncios estiverem estáveis.

Latest reviews

  • (2025-07-09) Дарья Петрова: Creates a full and detailed report of differences between two versions of web pages. Waiting for Visual comparison of whole page, not just viewport visible parts.

Statistics

Installs
25 history
Category
Rating
5.0 (1 votes)
Last update / version
2025-07-04 / 1.0.0
Listing languages

Links