1

Problem: when I use a visual regression testing tool such as PhantomCSS, the screenshots produced contain the website with dramatically moved HTML elements.

Problem image: Image of <nav> by PhantomCSS

How it should really look like: (taken from esfiddle.net )

Actual <nav>

Tools: PhantomCSS. The same problem happens with BackstopJS.

What can I do to prevent the problem image?

Eugene Fedotov
  • 344
  • 4
  • 13

2 Answers2

0

The flex CSS property is causing the problems.

Eugene Fedotov
  • 344
  • 4
  • 13
0

Since version 3 backstop supports chrome as engine, so you could specify

"engine": "chrome"

I think it would work fine in Chrome.

Qwertiy
  • 19,681
  • 15
  • 61
  • 128
  • PS: @EugeneFedotov, please help with [configuring ports](//stackoverflow.com/q/46201755/4928642). – Qwertiy Sep 13 '17 at 17:55