Как тестировать в авторежиме визуальные дефекты?

Question

[seilbahn]

Возник такой вопрос, связанный с автоматизированным тестированием GUI веб-приложений: если тестирование функциональности можно автоматизировать через Selenium и его аналоги, то как автоматизировать тестирование визуальной части сайта? Как можно в авторежиме выявлять кривые элементы веба, съехавшие формы, кривой шрифт и прочие несостыковки? Есть способы, кроме ручного выявления?

Comments

[Drno]

посадить 10 индусов...

Answer 1

[Василий Банников]

Это называется скриншотные тесты. Собственно также в селениуме делаете прогон, а в ключевых точках делаете скриншоты.
Потом сравниваете с эталоном / предыдущим прогоном.
Готовые инструменты для этого уже есть

Answer 2

[VoidVolker]

Делать скриншоты страницы на каждое изменение и сравнивать до и после, далее вырезать изменившиеся части и их в отчете показывать для визуального контроля уже человеком.

Comments

[seilbahn]

А есть способ без скриншотов до и после? Если добавлять новую функциональность, то этот способ не очень работает. Чисто чтоб на одном скриншоте. Я думал готовые методы есть на основе ИИ

[VoidVolker]

Ну а как без скриншота вы предлагаете сравнивать визуальную составляющую? ИИ тут не нужен (а их нынче и нет, так-то, если по чесноку - а есть "нейросетки", которые выдают что-то похожее). Не, если хотите - то можете, конечно заюзать какую-то нейросетку - потратьте ресурсы на обучение и используйте. Только всё равно для сравнения визуального стиля двух страниц надо делать скриншот этих страниц - и эту задачу легко решает простой скрипт.