Responsive

O responsivo não é mais um assunto reservado a sites de grande público: as aplicações de negócio agora são consultadas em tablet em reuniões, em mobilidade no cliente ou em telas externas com formato incomum. Uma regressão visual em um breakpoint intermediário (tipicamente 820px no iPad ou 1024px em um laptop pequeno) pode tornar uma parte da sua aplicação inutilizável sem que ninguém perceba localmente, porque os desenvolvedores em geral trabalham em um único formato. O cenário clássico: um breakpoint que passou de 768px para 480px e esmaga as colunas no tablet, um menu hamburger substituído por um menu desktop que transborda a tela, ou um font-size mobile que se aplica até 1024px e faz todo o texto parecer pequeno demais em uma tela portátil. As container queries adicionam uma nova dimensão de complexidade, porque dependem do contexto do pai e não do viewport global, o que torna as regressões ainda menos previsíveis. Hoje o Delta-QA captura e compara cada página em um viewport de desktop único e determinístico, o que já detecta a grande maioria das regressões visuais. A captura multi-viewport definida pela equipe, que criará uma baseline visual multiformato e evidenciará as colunas que se empilham mal, os elementos que transbordam, os textos que encolhem, os componentes que se desalinham e as barras de rolagem horizontais que apareceram em cada breakpoint, chega em breve. Ela permitirá às equipes de QA cobrir todos os pontos de quebra sem ter que redimensionar manualmente um navegador em cada tela a cada deploy.