Loomio

Visual before/after comparisons

FS Florian Staudacher Public Seen by 39
FS

Florian Staudacher Fri 14 Sep 2012 6:04PM

I made a little toy (because I can)
https://gist.github.com/3723523
The basic idea is to generate screenshots of two specified URLs and then generate a 'flicker'-gif to easily spot visual differences.

I think we could include this in our Cucumber features, for when CSS is changed/refactored. We would have a set of "approved" screenshots and the cuke could generate the "new" screenshots and make the gifs for comparison. Once approved, the "new" shots would replace the "old" ones as the new reference.
This would not run automatically every time, but instead only serve as an aid for devs who want to check their CSS/layout changes didn't break anything.

thoughts?

SH

Steven Hancock Sat 15 Sep 2012 4:59AM

That definitely would have come in handy when we upgraded from Bootstrap 1.4 to Bootstrap 2 (and the bootstrap-sass gem) a while back.

JR

Jason Robinson Sat 15 Sep 2012 6:48AM

Sounds awesome :)

F

Flaburgan Wed 19 Dec 2012 7:03PM

\o/