How to test layout automatically?

Question

css

What frameworks exist for convenient testing, that everything looks smooth and beautiful?
selenium+mocha? Comparison by calculating height+width? Or is there more magic?

Answer 1

there is such a thing
galenframework.com
but I didn’t master it: it’s too fancy for my tasks. If there are questions about it, I better not ask.
here is a review article about them, if you read the documentation for a long time
https://www.smashingmagazine.com/2015/04/visual-te...

Answer 2

Here is a tool from Yandex - Gemini

Answer 3

2gis.github.io/makeup
is not quite automatic of course, but suddenly the link will be useful

Answer 4

for convenient testing that everything looks smooth and beautiful

Overlaying the layout image on the page layout image.
Percentage of inaccuracies: 100*D/(X*Y)
D - number of different pixels.
X*Y - the product of the width and the height of the original layout.
If you are interested in gaps between elements and typography, this is already image segmentation and finding the coordinates of the segments.
For "beautiful" : there is an algorithm-detector of symmetry and similarity / repetition of symmetry zones, determination of color combinations and the percentage of each color in these zones.

Answer 5

Per pixel display? including fonts? well, yes, yes))) And how will you test mobile layout?