Если вам нужно автоматизировать тестирование макета, то есть проверить не только наличие элементов DOM , но также их расположение, порядок, размер, примененные стили и т. Д., Лучше рассмотреть возможность использования GalenFramework
Теоретически вы можете добиться того же, используя ванильные селекторы Selenium и XPath , которые имеют полный доступ к дереву DOM, однако его будет довольно сложно разрабатывать и поддерживать, более того, такой подходбудет очень хрупким из-за высокой чувствительности к изменениям разметки, в то время как в Galen Framework вы можете определить критерии прохождения / неудачи, используя простой декларативный синтаксис
@objects
comments #comments
article-content div.article
= Main section =
@on mobile, tablet
comments:
width 300px
inside screen 10 to 30px top right
near article-content > 10px right
@on desktop
comments:
width ~ 100% of screen/width
below article-content > 20px
Дополнительная информация: