Layout

O layout é a coluna vertebral de qualquer interface: é ele que decide para onde seus visitantes olham, como navegam e quanto esforço precisam fazer para concluir uma tarefa. Uma regressão de layout nunca é cosmética. Um botão "Pagar" empurrado abaixo do fold por causa de um padding alterado é uma queda de conversão imediata; uma tabela de admin cujas colunas se sobrepõem é um risco operacional em uma estação de trabalho de negócio. As regressões de layout vêm com frequência de efeitos cascata involuntários: ajuste de um padding global para corrigir um caso particular, adição de um overflow: hidden que quebra o margin collapse, refactoring de um flexbox que inverte a ordem dos itens, modificação de um CSS Grid que desloca todo um catálogo, ou introdução de um novo componente que empurra silenciosamente o conteúdo adjacente. A complexidade do box model, combinada com o aninhamento de flexbox, grid, posição absoluta e float, torna essas interações difíceis de antecipar mesmo para um desenvolvedor experiente. Os pipelines de testes automatizados clássicos verificam que os elementos existem no DOM, não que estejam visualmente no lugar certo. O Delta-QA cobre esse ponto cego comparando as capturas de tela completas das páginas antes e depois de cada modificação, depois destacando cada zona cuja posição, tamanho ou alinhamento mudou. O relatório visual mostra claramente os deslocamentos, as sobreposições e os elementos que saem do viewport, o que permite validar via regressão visual que um redesign CSS não quebrou outra parte da aplicação sem ter que reinspecionar manualmente cada template.