Bug scroll bottom on fail screenshot

HuddleEng / PhantomCSS

Visual/CSS regression testing with PhantomJS

MIT License

4.72k stars 259 forks source link

Closed jeffbiondi closed 7 years ago

jeffbiondi commented 7 years ago

Hello

PhantomCSS generates the following screenshots : dev__header_full_ fail

Instead of the normal header screenshot dev__header_full_

It's like a scroll to bottom before the failure png creation. Is there a trick to fix that issue ?

Thanks, JF.

jamescryer commented 7 years ago

Movement created by animations/transitions or changing markup can cause problems like this.

Make sure your images have fixed width and height applied, either inline or through CSS.
Invoke phantomcss.turnOffAnimations(); before running the tests
Use CasperJSs wait methods before your visual tests http://docs.casperjs.org/en/latest/modules/casper.html#waitforselector

Hope that helps

jeffbiondi commented 7 years ago

Thanks for your quick answer :) But it's only on fail screen. Every fail screen have a kind of translate Y of 30px. Base and Diff are good.

jamescryer commented 7 years ago

Not sure If I can help further, let us know if you resolved your problem.