1
Border radius
Detecta mudancas no arredondamento de cantos, incluindo valores individuais por canto e raios em porcentagem.
25 casos de teste
Bordas e Sombras
Bordas e sombras definem os limites visuais dos elementos da interface. Criam profundidade, separacao e hierarquia. O Delta-QA detecta cada modificacao dessas propriedades.
O que detectamos
2
Box shadow
Captura modificacoes de deslocamento, desfoque, dispersao e cor de sombras, incluindo camadas multiplas.
3
Outline
Monitora mudancas de outline-style, outline-color, outline-width e outline-offset para indicadores de foco.
4
Estilo e espessura de borda
Detecta mudancas entre bordas solid, dashed, dotted, double e variacoes de espessura em cada lado.
5
Cor de borda
Identifica mudancas de cor em lados individuais da borda, incluindo valores transparentes e herdados.
Exemplo interativo
Veja exatamente o que o Delta-QA detecta. Compare as duas versões lado a lado.
Antes
Depois
Cenários reais
🎯
O border-radius que deixa os cards quadrados
Um desenvolvedor adiciona um reset CSS em um componente compartilhado e sobrescreve o border-radius de todos os cards do site. Da noite para o dia, seus cards de cantos arredondados ficam quadrados — o site passa de "moderno e acolhedor" a "rigido e austero". Ninguem tem tempo de verificar 200 telas a cada deploy. Delta-QA compara as capturas e destaca os cantos que passaram de arredondados a quadrados em cada card — a diferenca de forma se destaca claramente na sobreposicao.
⚠️
A borda que aparece em dobro
Um desenvolvedor adiciona uma borda no container de uma tabela sem tratar a propriedade border-collapse. Resultado: bordas duplas aparecem em certos lugares — as linhas ficam mais grossas de forma irregular. A tabela parece "quebrada" e pouco profissional. No staging estava ok, mas a folha de estilos de producao carrega em uma ordem diferente e o bug aparece. Delta-QA compara as capturas e destaca as linhas mais grossas — cada borda dupla se destaca no diff.
💡
A sombra que desaparece
Um desenvolvedor "limpa" o CSS e remove um box-shadow que considera desnecessario. Os botoes de acao principais perdem sua sombra e ficam planos — se confundem com o fundo. Visualmente, os botoes ficam menos evidentes e seus visitantes os notam menos. A mudanca parecia inofensiva — remover uma sombra — foi mergeada sem revisao visual. Delta-QA compara as capturas e detecta o desaparecimento da sombra — os botoes achatados se destacam no diff visual.
Pronto para detectar toda regressao visual?
Baixe o Delta-QA e comece a detectar mudancas CSS nas suas paginas web — sem codigo.