問題:PhantomCSSなどの視覚的回帰テストツールを使用すると、生成されたスクリーンショットに劇的に移動したHTML要素が含まれたWebサイトが含まれます。PhantomCSSがHTML要素を動かすのはなぜですか?
問題の画像:
それは本当にのようになります方法:(esfiddle.netから撮影)
ツール:PhantomCSS。同じ問題がBackstopJSで発生します。
問題のある画像を防止するにはどうすればよいですか?
問題:PhantomCSSなどの視覚的回帰テストツールを使用すると、生成されたスクリーンショットに劇的に移動したHTML要素が含まれたWebサイトが含まれます。PhantomCSSがHTML要素を動かすのはなぜですか?
問題の画像:
それは本当にのようになります方法:(esfiddle.netから撮影)
ツール:PhantomCSS。同じ問題がBackstopJSで発生します。
問題のある画像を防止するにはどうすればよいですか?
flex CSSプロパティが原因です。
あなたは、私はそれがChromeで正常に動作すると思い
"engine": "chrome"
を指定することができるようにバージョン3バックストップは、エンジンとしてクロムをサポートしているため。
PS:@EugeneFedotov、[ポートの設定](// stackoverflow.com/q/46201755/4928642)で助けてください。 – Qwertiy