О Педанте рассказывал Сергей Фролов в Техноведре

Нет. Педант — это инструмент для проверки наших книг. После обновления движка он запускает книгу в разных браузерах на нескольких разрешениях. В книге Педант идёт сверху вниз, фотографируя развороты во всех возможных состояниях. Полученные скриншоты он сравнивает с эталонами и, в случае нахождения различий, сообщает об этом разрабочикам.

О Педанте рассказывал Сергей Фролов в Техноведре

Но автоматическое визуальное тестирование сайтов — не наше изобретение. В свободном доступе есть инструменты, позволяющие быстро собрать похожий инструмент. Например, gemini от Яндекса позволяет тестировать страницы и отдельные модули.

Web Driver API поддерживается в Safari Technology Preview

Если их возможностей не хватает, можно собрать свой инструмент. Чтобы проверять обновления нового сайта бюро в Сафари, мы на коленке собрали мини‑Педант. Это скрипт, который управляет браузером с помощью Web Driver API. Скрипт загружает страницу, дожидается на ней всех изображений и делает скриншот, после чего сравнивает его с эталоном. Сравнение делается с помощью Resemble.js — библиотеки, которая умеет находить различия между двумя изображениями. В случае ошибки Resemble.js гененирует изображение‑дифф, на котором подсвечивает различия и сохраняет его.

Web Driver API поддерживается в Safari Technology Preview

Если вы хотите тестировать страницы на сервере, где нет возможности запустить реальный браузер, попробуйте безголовые браузеры:

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка
Отправить
Поделиться
Запинить

Рекомендуем другие советы