Почему PhantomCSS перемещает HTML-элементы?

Проблема: когда я использую инструмент визуального регрессионного тестирования, такой как PhantomCSS, полученные скриншоты содержат веб-сайт с резко перемещенными элементами HTML.

Проблемное изображение:Изображение <nav> от PhantomCSS

Как это должно выглядеть на самом деле: (взято с esfiddle.net)

Фактический <nav>

Инструменты: PhantomCSS. Та же проблема происходит с BackstopJS.

Что я могу сделать, чтобы предотвратить проблему изображения?

2 ответа

Поскольку backstop версии 3 поддерживает Chrome в качестве движка, вы можете указать

"engine": "chrome"

Я думаю, что это будет нормально работать в Chrome.

Свойство flex CSS вызывает проблемы.

Другие вопросы по тегам