WebDriver中實現對特定的Web區域截圖方法

用過 WebDriver 的同學都知道，WebDriver 可以對瀏覽器中的頁面進行截圖。例如：

public byte[] takeScreenshot() throws IOException {

TakesScreenshot takesScreenshot = (TakesScreenshot) driver;

return takesScreenshot.getScreenshotAs(OutputType.BYTES);

}

這樣產生的圖片是整個網頁。但有時候我們并不需要整個網頁，只需要某些特定的 WebElement，以避免一些干擾。

雖然 WebDriver 本身沒有提供這樣的 API，不過我們可以自己來，就是在全屏的截圖中再進行裁剪，如下：

public BufferedImage createElementImage(WebElement webElement)

throws IOException {

// 獲得webElement的位置和大小。

Point location = webElement.getLocation();

Dimension size = webElement.getSize();

// 創建全屏截圖。

BufferedImage originalImage =

ImageIO.read(new ByteArrayInputStream(takeScreenshot()));

// 截取webElement所在位置的子圖。

BufferedImage croppedImage = originalImage.getSubimage(

location.getX(),

localtion.getY(),

size.getWidth(),

size.getHeight());

return croppedImage;

}

其中 ImageIO 和 BufferedImage 分別來自 javax.imageio 和 java.awt.image。

這種方法可以很好的削減截圖的大小，也避免了一些不確定因素(比如日期時間等)，是測試中保存截圖的很好的方式。

注：如果測試的網頁中含有 iframe，則需要使用更復雜的方式計算 WebElement 的位置，詳見：計算網頁中某個元素的位置。相關閱讀:

Linux系統如何安裝及配置ClusterShell工具以便了解負載情況

Windows8系統無線網絡受限無線連接受限的解決方法

電腦中如何將耳機和揚聲器設為獨立音源

WordPress導航菜單的滾動和淡入淡出效果的實現要點

jquery插件Jplayer使用方法簡析

C#配置文件Section節點處理總結

如何實現chrome瀏覽器關閉頁面時彈出“確定要離開此面嗎？”

基于Android實現桌面懸浮清內存app概述

Centos中安裝多個mysql數據的配置實例

創建自己的jquery表格插件

vbs打開ie兩種方法 在VBScript中啟動IE瀏覽器的實現代碼

mac系統flash老是過期一個月更新好幾次該怎么辦？

解析SQLServer獲取Excel中所有Sheet的方法

ASP.NET筆記之 控件與母板的區別分析