问题标签 [phantomcss]

尝试将我的视觉回归测试添加到 grunt。我按照此处提供的教程进行操作。但看起来有什么不对劲。

这是我的 gruntfile：

这是我的规范文件的一部分。进行 casperjs 测试 tests/meu_spec.js 非常好。

然后，运行grunt test我得到了这个：

我正在测试一个具有 iframe 的 Web 应用程序。我正在使用 phantomcss 使用 casper.withFrame 对 iframe 内的组件进行屏幕截图，但捕获的图像失真。

我的主页是这样的-

iframe src 看起来像这样 -

我正在尝试截取<div class="a panel panel-default">. 有谁知道我能做些什么来解决这个问题？

PhantomCSS 的演示通常在测试中使用网页。有没有办法代替测试图像？

我将 PhantomJs 作为 maven 模块添加到我的项目中，以测试 Projet 状态，即使经过修改以确保我没有破坏任何东西。当我编译 maven 模块时，我的项目中的 https 链接有问题：

我从搜索中发现我应该停用 ssl。我不应该使用终端来做。如何在 PhantomJs 配置中直接添加选项？

有一种技术可以检查 HTML 和 CSS 标记中是否存在视觉上的问题 -视觉回归测试。

我们执行以下步骤：

1. 检查一切正常。
2. 创建一个测试“参考”（创建 *.png 文件）。
3. 改变些什么。
4. 运行测试并检查发生了什么变化。

什么是更好的做法 - 所有这些“引用”都应该存储在本地，或者在检查一切是否正常后提交到存储库？

第一种情况比较简单，适合单机开发。如果我有团队和具有 QA 角色的人员，第二个可能很有用 - 他可以检查和创建参考。

你对这在实践中的表现有什么经验或想法吗？

如何在屏幕截图功能的 hideElements 参数中包含多个元素？

对于一个元素：

我过去几个月一直在使用 Protractor(Selenium) 测试用例，我们希望在我们的 Protractor(selenium) 测试用例中也使用 PhantomCSS（带有基线概念）集成 UI 回归。

笔记：

（我们可以使用 Phantomcss，但作为使用 Casper 的辅助项目，但无法将其与已经存在的 Protractor 测试用例集成）。

我正在尝试调用moveNext页面上已经存在的函数。此函数通过将值作为参数传递来帮助导航到特定页面，例如：moveNext(2). 我想从第一页到最后一页捕获屏幕截图。但是，当我在终端中运行此命令时，casperjs test testsuite.js它仅捕获第一页的 10 个屏幕截图，而不是每个页面中的每个屏幕截图。

更新：

添加后casper.on("page.error/error");我收到此错误：

我想在每个页面上截取屏幕截图。为了导航到不同的页面，有一个功能moveNext()。当我签入控制台时，我可以看到它按顺序导航到所有页面。但是，它不是在每个页面同时截屏，而是对最后一页进行多张截屏。casperjs 是否提供回调或等待选项？

我正在寻找一个 5000 像素长的屏幕截图。但是在捕获之后，它只捕获等于我的桌面屏幕高度的内容，即 1080px，其余部分为空白。

casper.viewport(1024, 5000);