使用 phantomJS 页面的量角器测试 css 正确

Question

我们正在基于 angular 并使用 Material Design Lite 作为前端模板为我们的新网络应用程序编写功能测试。

我正在 运行 使用 phantomsJS 作为浏览器进行功能测试，以便稍后使用 Jenkins 对其进行编排。

我面临的问题是页面样式不正确，元素不在该位置，某些元素未显示或未设置样式。我该如何纠正？

Answer 1

您应该 运行 在 PhantomJS 中进行端到端测试是很有争议的 - 至少，因为您不会让您的真实用户在 PhantomJS 中使用您的应用程序。而且，Protractor 文档本身 recommends against it:

We recommend against using PhantomJS for tests with Protractor. There are many reported issues with PhantomJS crashing and behaving differently from real browsers.

您可以尝试将 PhantomJS 升级到最新版本（当前为 2.1），看看它是否解决了布局损坏的问题。

不过，考虑使用 远程 selenium 服务器，可以是您自己的，也可以是第三方提供的，例如 BrowserStack or SauceLabs。