Selenium WebDriver中使用Java的图像比较

Question

我目前正在Selenium WebDriver中工作，以便在自动化过程中比较两个图像。目前我正在使用像素比较，但问题是，如果浏览器大小改变或系统不同，我运行的自动化。

我必须比较两张图片，一张是金色的，已经保存在某个位置，另一张是在自动化过程中拍摄的屏幕截图。一旦截图被拍摄下来，它就会与我拥有的金色图像进行比较，并相应地判断通过与否。如果拍摄屏幕截图时浏览器大小或系统分辨率不同，则会出现问题，因为这会影响图像的分辨率，这可能与我参考的金色图像的分辨率不同。在这里，两个图像是相同的，但像素可能会随着浏览器大小或系统的变化而变化。

那么，有没有办法在selenium中使用java来比较两个图像，而不使用像素比较？

Answer 1

你想使用像素比较，但不是截屏，这可能是一个不同的大小，比较实际图像到黄金图像。流程是导航到页面，从IMG标记中获取SRC值并下载该文件。将下载的文件与黄金图像进行比较。

下面是一些下载google徽标的示例代码。

WebDriver driver = new FirefoxDriver();
driver.manage().window().maximize();
driver.get("http://www.google.com");
String s = driver.findElement(By.id("hplogo")).getAttribute("src");
URL url = new URL(s);
System.out.println(url);
BufferedImage bufImgOne = ImageIO.read(url);
ImageIO.write(bufImgOne, "png", new File("test.png"));

通过下载映像，如果验证失败，您可以稍后手动验证映像。如果你不想下载它，你可能可以跳过写（）步骤，只做比较（取决于你的像素比较代码是如何写的）。

Answer 2

你可以使用Facebook的Huxley或BBC的Wraith，两者都是开源工具。Wraith Selenium整合了Selenium和Wraith。你可以阅读这篇文章了解更多信息

Answer 3

这里的关键是分辨率，您必须确保基本“黄金”图像和您在测试期间捕获的图像的分辨率相同。

1. 将浏览器窗口的大小设置为固定大小，例如（1920x1080），
2. 以此分辨率制作所有屏幕截图，
3. 测试期间：在每次图像比较之前，检查窗口大小是否为（1920x1080），如果不是，我会临时更改它，
4. 截图，
5. 将图像与原始“金色”img进行比较
6. 窗口最大化吗

另一个解决方案是捕获单个WebElement的屏幕截图，而不是整个页面，因为WebElement通常与分辨率无关。