Сравнение скриншотов?

Question

[Deenamo]

Предположим, переписывается HTML и CSS вёрстка в движке сайта, и нужно убедиться, что в новом варианте на многочисленных страницах с контентом ничего не «поплыло».


Можно автоматически снять скриншоты до и после изменений. Чем их сравнить на похожесть?


ImageMagick compare, кажется, не подойдёт т.к. в новом варианте верстки крупные блоки могут смещаться на несколько пикселей — что не критично, но попиксельная разница будет огромная.

Answer 1

[RuJet]

ImageMagick compare, кажется, не подойдёт т.к. в новом варианте верстки крупные блоки могут смещаться на несколько пикселей — что не критично, но попиксельная разница будет огромная.

А если применить методики, которые используются для сравнения фотографий?

Comments

[Deenamo]

А можно пример?

[RuJet]

Кстати вот свеженькая статья habrahabr.ru/blogs/development/135776/
Раздел Quality Bots, перед эпилогом.
Только они не скрины тестят, а DOM

Answer 2

[vart]

www.creamtec.com/products/screenster/index.html

Answer 3

[kmike]

Можно сюда глянуть: pdiff.sourceforge.net/

Answer 4

[xmoonlight]

Смотрите в сторону сегментации изображения, без этого Вы не сможете отловить "дельту" - смещения заметные для глаза и баги вёрстки.
По дереву сегментации - определяете расстояния между блоками, основываясь на центре масс каждой части. Если оно где-то больше нужного - это ошибка вёрстки!
Удачи!