selenium webdriver学习（十二）------------如何利用selenium-webdriver截图

在自动化测试中常常会用到截图功能。最近用了一下selenium-webdriver的截图功能还算不错，可以截取页面全图，不管页面有多长。

 

下面的代码演示了如何使用webdriver进行截图：

import java.io.File;
import java.io.IOException;

import org.apache.commons.io.FileUtils;
import org.openqa.selenium.OutputType;
import org.openqa.selenium.TakesScreenshot;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
public class ShotScreen {

	/**
	 * @author gongjf
	 * @throws IOException 
	 * @throws InterruptedException 
	 */
	public static void main(String[] args) throws IOException, InterruptedException {
		
		System.setProperty("webdriver.firefox.bin","D:\\Program Files\\Mozilla Firefox\\firefox.exe");  
		WebDriver dr = new FirefoxDriver();
		dr.get("http://www.51.com");
				
		//这里等待页面加载完成
		Thread.sleep(5000);
		//下面代码是得到截图并保存在D盘下
		File screenShotFile = ((TakesScreenshot)dr).getScreenshotAs(OutputType.FILE);
		FileUtils.copyFile(screenShotFile, new File("D:/test.png"));}}

 

 看了一下OutputType接口和TakesScreenshot接口，吐槽一下，貌似这两个接口不是同一个开发写的或者注释没有更新怎么的。在OutputType里面的注释说：

/**
 * Defines the output type for a screenshot. See org.openqa.selenium.Screenshot for usage and
 * examples.
...

 

然后在那找了半天的org.openqa.selenium.Screenshot 接口，晕，后来想应该是org.openqa.selenium.TakesScreenshot。

在TakesScreenshot里有如下注释：

  /**
   * Capture the screenshot and store it in the specified location.
   *
   * <p>For WebDriver extending TakesScreenshot, this makes a best effort
   * depending on the browser to return the following in order of preference:
   * <ul>
   *   <li>Entire page</li>
   *   <li>Current window</li>
   *   <li>Visible portion of the current frame</li>
   *   <li>The screenshot of the entire display containing the browser</li>
   * </ul>
   *
   * <p>For WebElement extending TakesScreenshot, this makes a best effort
   * depending on the browser to return the following in order of preference:
   *   - The entire content of the HTML element
   *   - The visisble portion of the HTML element
   *
   * @param <X> Return type for getScreenshotAs.
   * @param target target type, @see OutputType
   * @return Object in which is stored information about the screenshot.
   * @throws WebDriverException on failure.
   */

 试了一下截取Webelement最终发现WebElement接口没有实现这个类。搞了半天也只是会了截取页面的全图。截取当前的frame也截取的页面全图。难道这个功能没有完善，好吧，这样说自我安慰一下。

selenium-webdriver 面向接口编程，找一个需要的功能还真是挺难的。

评论

5 楼 qincaihong 2012-08-13  

qincaihong 写道

    FileUtils.copyFile(screenShotFile, new File("D:/test.png"));}} 
请教一下在我的电脑上上面这句话一直报错（unhandled exception type IOException），请问是什么原因呢？

问题已经解决：抛出异常即可！

4 楼 qincaihong 2012-08-11  

    FileUtils.copyFile(screenShotFile, new File("D:/test.png"));}} 
请教一下在我的电脑上上面这句话一直报错（unhandled exception type IOException），请问是什么原因呢？

3 楼 shine22fmf 2012-07-13  

运行竟然报错了

Exception in thread "main" java.io.IOException: 设备未就绪。
at java.io.WinNTFileSystem.canonicalize0(Native Method)
at java.io.Win32FileSystem.canonicalize(Unknown Source)
at java.io.File.getCanonicalPath(Unknown Source)
at org.apache.commons.io.FileUtils.copyFile(FileUtils.java:772)
at org.apache.commons.io.FileUtils.copyFile(FileUtils.java:731)
at com.example.tests.ShotScreen.main(ShotScreen.java:28)
设备未就绪，是不是要设置什么呢？老师

2 楼 qi_ling2005 2012-07-05  

shine22fmf 写道

可以加个QQ，仔细的询问下么，老师，我停留在用html录制回放脚本的状态，但是转化成java，在eclipse里面我就一点辙都没有了，老师你这边的代码我是都输入到eclipse里面运行了都是可以的，就是怎么把webdriver跟selenium IDE结合起来啊，非常感谢，2466694171，我的QQ

IDE：options -> Format ->...(选自己的编程语言)。
可以直接加这个Q群：128972436，群里人多。

1 楼 shine22fmf 2012-07-04  

可以加个QQ，仔细的询问下么，老师，我停留在用html录制回放脚本的状态，但是转化成java，在eclipse里面我就一点辙都没有了，老师你这边的代码我是都输入到eclipse里面运行了都是可以的，就是怎么把webdriver跟selenium IDE结合起来啊，非常感谢，2466694171，我的QQ