Comparison screenshots?

Suppose, rewrite the HTML and CSS layout in the engine and need to make sure that the new version of numerous pages with content nothing is "floated".


You can automatically take screenshots before and after changes. What to compare them to the similarity?


ImageMagick compare, don't think so because in the new layout the large blocks can be shifted by a few pixels — which is not critical, but pixel-by-pixel difference will be huge.
October 8th 19 at 03:58
5 answers
October 8th 19 at 04:00
Pixel Perfect?
Need automatically: the pages a few thousand and because of the peculiarities of the old layout and wiziwig the likelihood of problems is the same - brett_Mar commented on October 8th 19 at 04:03
October 8th 19 at 04:02
ImageMagick compare, don't think so because in the new layout the large blocks can be shifted by a few pixels — which is not critical, but pixel-by-pixel difference will be huge.

And if you apply techniques that are used to compare photos?
A possible example? - brett_Mar commented on October 8th 19 at 04:05
By the way here is a fresh article habrahabr.ru/blogs/development/135776/
Section Quality Bots, before the epilogue.
They are not screenshots of the test, and the DOM - brett_Mar commented on October 8th 19 at 04:08
October 8th 19 at 04:04
October 8th 19 at 04:06
It is possible to look here: pdiff.sourceforge.net/
October 8th 19 at 04:08
The segmentation of the image, without this You will not be able to catch the "Delta" - offset visible to the eye and bugs layout.
The tree segmentation - determine the distance between the blocks based on the center of mass of each part. If it is more than necessary - it's the layout!
Good luck!

Find more questions by tags AutomationElectronic governmentScreenshots