Автоматизированное тестирование рендеринга в браузерах

Question

Может ли Selenium или любой другой автоматизированный инструмент проверить правильность расположения элементов на веб-странице?

Например, когда вы смотрите на OnStartups.com в IE 6, основное содержимое, которое должно быть справа от меню, находится под ним, и вам нужно прокрутить вниз, чтобы прочитать его. Можете ли вы запросить и получить координаты div, как они фактически отображаются, и можете ли вы получить координаты области просмотра, чтобы убедиться, что верхний левый угол действительно находится в видимой области?

Answer 1

Я думаю, что сравнение снимков экрана - лучшее, что вы можете сделать, и я боюсь, что пока нет надежных инструментов для этого.

Если бы я был вами, я бы создал скрипт, который бы перемещался по каждой странице сайта, на котором была бы картинка, и затем я бы открывал папку со всеми результатами, и для проверки 20 или, вероятно, потребовалось бы меньше минуты. 30 из них. Звучит очень глупо, но иногда лучшая альтернатива оказывается лучшей ...

Answer 2

Selenium имеет утверждения для проверки позиции и размера элемента:

• assertElementHeight (локатор, рисунок)
• assertElementWidth (локатор, шаблон)
• assertElementPositionLeft (локатор, рисунок)
• assertElementPositionTop (локатор, рисунок)

Простым тестом для проверки рендеринга в примере с OP может быть запись

assertElementPositionTop(//*[@id='main_content'],0)

, таким образом проверяя, отображается ли #main_content сверху или где-либо еще.

Answer 3

Боюсь, лучшее, что вы могли бы сделать, это выбрать стандартный браузер и сравнить скриншоты другого браузера с эталонным.

Не могу вспомнить конкретный, но какой-то инструмент, такой как Araxis merge, смог довольно разумно сравнить скриншоты.