使用Selenium截屏，并从截屏中删除元素

Question

我想知道解决这个问题的最佳方法是什么。 我考虑过的方法似乎不是最佳方法，我希望有人以前可能遇到过此问题，或者可能有更好的解决方案。

我的方法似乎是获取屏幕快照和我要删除的元素的坐标，以及屏幕快照和我要删除的元素的长度和宽度。 然后，我必须确保该元素至少部分存在于我的屏幕截图中，并在屏幕截图中存在的区域的相对点上设置两个点，最后在该区域上绘制。

我正在实现自动布局测试，这将要求我测试两次测试之间的Web元素是否保持相同，而忽略这些Web元素内部可能存在的Web元素。 这样的一个示例可能是堆栈溢出导航栏。 每次访问Stack Overflow时，我可能希望徽标，帮助栏和搜索栏出现在同一位置，但是我不在乎所收到的收件箱消息的数量，也不在乎测试信誉数和个人资料图片，或者我是否有新成就。

您将如何解决此问题？

Answer 1

您所询问的所有内容[ 此示例之一可能是Stack Overflow导航栏。 每次访问Stack Overflow时，我可能希望徽标，帮助栏和搜索栏出现在同一位置，但是我不在乎所收到的收件箱消息的数量，也不在乎测试信誉数和个人资料图片，或者我是否有新成就 ]都可以通过Galen Framework轻松实现

Galen是用于测试Web应用程序的布局和响应设计的开源工具。 它也是功能强大的功能测试框架。

它是如何工作的？

Galen Framework使用Selenium来打开Web浏览器并选择页面上经过测试的元素。 它具有一种特殊的语言来描述不同浏览器大小的网页布局。 您只需要为设备和尺寸定义自己的标签，然后使用galen spec语言对页面上的每个元素进行写检查。 测试布局的最佳方法是检查元素相对于彼此的位置和尺寸。