如何在 Selenium WebDriver 中的屏幕截图中添加文本？

Question

我的问题可能有点鲁莽，但我想知道是否有人有过使用 Selenium WebDriver 或任何其他 Java 库向截取的屏幕截图添加文本的经验？目前我正在使用：

File screenShotFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
            FileUtils.copyFile(screenShotFile,  new File("C:\XXX\XXX\SeleniumScreenshots\" + "png"));

为了截取屏幕截图并且它工作正常，但有时我需要在屏幕截图中添加描述性文本，例如："This is failed because of this..."我真正需要的是页面的特定位置（例如全局页脚, header, burger menu, certain image) 可能会用 xpath 表达式找到，截取该位置的屏幕截图并添加带有问题描述的文本。如果有人知道如何实现，请回复示例代码。

Answer 1

没什么！调整@andrucz

提供的link中的代码

WebElement failedElement = driver.findElement(<locate your element>);
File screenShotFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
final BufferedImage image = ImageIO.read(screenShotFile);
Graphics g = image.getGraphics();
g.setFont(g.getFont().deriveFont(30f));
g.drawString("Failed because of this!!", failedElement.getSize().getX(), failedElement.getSize().getY()); //Top-left coordinates of your failed element
g.dispose();
ImageIO.write(image, "png", new File("test.png"));

Answer 2

直接在驱动返回的截图上绘制：

WebDriver driver = new FirefoxDriver();
driver.get("http://www.google.com/");

// take the screenshot
byte[] img_bytes = ((TakesScreenshot)driver).getScreenshotAs(OutputType.BYTES);
BufferedImage img = ImageIO.read(new ByteArrayInputStream(img_bytes));

// add some text and draw a rectangle
Graphics g = img.getGraphics();
g.setColor(Color.red);
g.setFont(new Font( "SansSerif", Font.BOLD, 14));
g.drawString("My text", 10, 10);
g.drawRect(5, 5, 50, 50);
g.dispose();

// save the image
ImageIO.write(img, "png", new File("screenshot.png"));

如果目标元素在屏幕外，那么您可能必须事先将其滚动到 window 中：

((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView(true);", element);

如何在 Selenium WebDriver 中的屏幕截图中添加文本？

How to add a text to taken screenshot in Selenium WebDriver?

java

selenium

appium

webpage-screenshot