Адаптивность

Адаптивность давно перестала быть темой только для массовых сайтов: бизнес-приложения теперь смотрят на планшете во время совещания, в мобильности у клиента или на внешних экранах нестандартного формата. Визуальная регрессия на промежуточном брейкпоинте (типично 820px на iPad или 1024px на маленьком ноутбуке) способна сделать часть Вашего приложения непригодной к использованию, и никто этого не заметит локально, потому что разработчики обычно работают на одном формате. Классический сценарий: брейкпоинт, переехавший с 768px на 480px и сминающий колонки на планшете, гамбургер-меню, заменённое десктопным, выходящим за экран, или mobile font-size, применяющийся вплоть до 1024px и делающий весь текст слишком мелким на портативном экране. Container queries добавляют новый слой сложности, потому что зависят от контекста родителя, а не от глобального viewport, что делает регрессии ещё менее предсказуемыми. Сегодня Delta-QA захватывает и сравнивает каждую страницу в едином детерминированном десктопном viewport, что уже обнаруживает подавляющее большинство визуальных регрессий. Захват в нескольких viewport, заданных командой, который создаст мультиформатный визуальный baseline и подсветит плохо складывающиеся колонки, переполняющиеся элементы, сжимающиеся тексты, разъезжающиеся компоненты и появившиеся горизонтальные полосы прокрутки на каждом breakpoint, скоро. Он позволит командам QA покрыть все точки разрыва без ручного ресайзинга браузера на каждом экране при каждом деплое.