使用 Selenium 和 Java 进行可视化测试答案

【问题标题】：Visual Testing Using Selenium with Java使用 Selenium 和 Java 进行可视化测试
【发布时间】：2020-04-27 14:23:30
【问题描述】：

我已经验证了网页上的按钮和链接，但我没有在 GUI 级别进行可视化测试。如何使用 selenium 和 java 实现这一目标？

【问题讨论】：

【解决方案1】：

您可以通过检查特定元素是否符合预期样式来做到这一点。要查询样式属性，您必须使用 JavascriptExecutor 执行 JavaScript 代码

driver.get("https://www.w3schools.com");
WebElement el = driver.findElement(By.xpath("//a[text()='LEARN HTML']"));
String contents = (String) ((JavascriptExecutor) driver)
        .executeScript("return window.getComputedStyle(arguments[0]).getPropertyValue('background-color');", el);
System.out.println(contents);
driver.close();

拥有特定 CSS 属性的值，您将能够断言它是否对应于用户期望看到的内容。

【讨论】：

【解决方案2】：

如果您可以连接第三方工具，那么我建议您查看Galen。这是一个开放源代码，可以很容易地与 Selenium 和 Java 捆绑在一起，以执行任何 GUI 级别的可视化验证。它还有一个单独的报告来显示其 GUI 级别的验证

它是如何工作的？

本工具使用Spec文件，可以写成如下

@objects
  <element> xpath  <xpath>

=Main Section=
  @on desktop
      <element>:
          css color is "rgba(212, 40, 28, 1)"

将编写 Java 测试以调用规范文件

【讨论】：