Я открыл для себя Galen – инструмент для тестирования вёрстки страницы

Я только-только начал копать Galen, но уже сейчас реально в восторге от его возможностей. Наверное потому, что всегда считал автоматизацию тестирования вёрстки одним из самых сложных занятий... но... сейчас это уже не так.

Я описываю спецификацию вёрстки страницы в специальном файле:

homepage.spec:

===========================================
legend-bar       css                legend
address-label    css                label[title*='Address of page to Validate']
txtUrl            id                 uri
btnCheck         xpath              //a[@class='submit']/span[contains(text(), "Check")]
===========================================

legend-bar
    height: 35 to 100px

address-label
    below: legend-bar 50 to 300px
#    near: txtUrl 5 to 40px

Дальше, запускаю Galen через командную строку:

galen check homepage.spec --url "http://validator.w3.org/" --size "1024x768" --htmlreport "htmlreport-dir"

После чего, galen, посредством Selenium WebDriver открывает и тестирует страницу, и в итоге, я получаю следующий отчёт:

И это -- реально круто!

• Страница проекта Galen
• Блог автора проекта
• Статья на Хабре: TDD for Responsive Design. Или как автоматизировать тестирование отображения сайта для разных устройств с помощью Galen Framework