如何使用Capybara Webkit捕获特定元素或位置的屏幕截图？

Question

是否可以使用capybara-webkit捕获特定元素或呈现页面的一部分的屏幕截图？

这可以通过Capybara + Poltergeist（phantomjs驱动程序）轻松完成，因为它提供了非标准的save_screenshot（路径，选择器）方法。

查看capybara-webkit文档，我们可以看到#save_screenshot的options参数。 但深入挖掘，我发现只有width和height例子。

例如，我需要捕获在Capybara会话期间仅显示渲染的img元素的屏幕截图。 该图像位于页面底部。

这可以使用capybara-webkit吗？ 怎么样？

任何帮助都感激不尽。

Answer 1

任务完成。

对于那些感兴趣的人，我使用imagemagick CLI解决了这个问题：

session.save_screenshot(temp_file_path)
system("convert #{temp_file_path} -crop <width>x<height>+<left>+<top> +repage #{temp_file_path}")

Answer 2

对不起，我跳过了“ 关于特定元素或渲染页面的一部分” 的部分 ，所以下面的答案是针对截图的。

---

您可以通过调用save_and_open_page来保存当前的HTML。
根据你想要完成的任务，这可能比屏幕截图更好，或者完全没用...

在支持它的驱动程序上，还有page.save_screenshot('screenshot.png')

有关更多详细信息，请参阅调试自述文件