BackstopJS icon indicating copy to clipboard operation
BackstopJS copied to clipboard

Layout inconsistency between reference file and real app

Open dnahirna opened this issue 5 years ago • 3 comments

Hi! Need help here) I have a lot of tests but someday they become failed, because on real screenshots all buttons with wrong styling... On real website all looks good... On the screenshot below you can see this difference using scrubber image

"backstopjs": "^5.1.0"

dnahirna avatar Mar 08 '21 09:03 dnahirna

Could be caused by stylesheets not being processed when screenshot is taken. Consider using readySelector or delay https://github.com/garris/BackstopJS#advanced-scenarios

fuhlig avatar Mar 09 '21 16:03 fuhlig

@fuhlig Thanks a lot! Will try)

dnahirna avatar Mar 10 '21 08:03 dnahirna

I found a reason, maybe this info will be useful: My product's layout styles stopped supporting Chrome version 87 and older, this was actually the root cause issue

dnahirna avatar Mar 11 '21 12:03 dnahirna