Автотестирование сайта на матрице устройств: зачем и как

Сайт, который идеально выглядит на ноутбуке разработчика, на телефоне клиента может съезжать, обрезать текст и терять кнопки. Ручная проверка на всех устройствах — долго и ненадёжно. Автотестирование на матрице устройств закрывает этот пробел.

Что чаще всего ломается на мобильных

• Горизонтальная прокрутка (overflow-x) — блок шире экрана, вёрстка «едет».
• Наезды элементов — блоки перекрывают друг друга, кнопки не нажать.
• Обрезанный текст — важное (цена, условия) не видно.
• Мелкие цели под палец — по кнопкам трудно попасть.
• Медленная загрузка — каждая лишняя секунда снижает конверсию.

Зачем именно матрица устройств

Одного «мобильного вида» мало: iPhone SE, iPhone последних версий, Android, планшет, ноутбук и широкий монитор рендерят по-разному, плюс разные движки браузеров (WebKit и Chromium). Матрица из нескольких профилей ловит проблемы, которые видны только на конкретной ширине или браузере.

Как ловить это автоматически

Движок открывает каждую страницу на всех профилях, снимает скриншоты и проверяет геометрию вёрстки (переполнения, наезды, обрезку, размеры целей), ошибки JavaScript и консоли, коды ответов сети и скорость. Дополнительно ИИ-судья осматривает скриншоты «глазами» и ловит визуальные дефекты, которые не видит геометрия.

Что на выходе

Отчёт по важности проблем: где именно, на каком устройстве, как воспроизвести и что чинить. Такой отчёт можно приложить к задаче на исправление или отдать клиенту.

В ИИ Полигоне проверка сайта — отдельный тип прогона: добавляете адрес, платформа обходит страницы на матрице из 8 устройств и отдаёт список находок. Прогон без ИИ — бесплатный.