О Педанте рассказывал Сергей Фролов в Техноведре
Нет. Педант — это инструмент для проверки наших книг. После обновления движка он запускает книгу в разных браузерах на нескольких разрешениях. В книге Педант идёт сверху вниз, фотографируя развороты во всех возможных состояниях. Полученные скриншоты он сравнивает с эталонами и, в случае нахождения различий, сообщает об этом разрабочикам.
О Педанте рассказывал Сергей Фролов в Техноведре
Но автоматическое визуальное тестирование сайтов — не наше изобретение. В свободном доступе есть инструменты, позволяющие быстро собрать похожий инструмент. Например, gemini от Яндекса позволяет тестировать страницы и отдельные модули.
Web Driver API поддерживается в Safari Technology Preview
Если их возможностей не хватает, можно собрать свой инструмент. Чтобы проверять обновления нового сайта бюро в Сафари, мы на коленке собрали мини‑Педант. Это скрипт, который управляет браузером с помощью Web Driver API. Скрипт загружает страницу, дожидается на ней всех изображений и делает скриншот, после чего сравнивает его с эталоном. Сравнение делается с помощью Resemble.js — библиотеки, которая умеет находить различия между двумя изображениями. В случае ошибки Resemble.js гененирует изображение‑дифф, на котором подсвечивает различия и сохраняет его.
Web Driver API поддерживается в Safari Technology Preview
Если вы хотите тестировать страницы на сервере, где нет возможности запустить реальный браузер, попробуйте безголовые браузеры:
P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.