Selenium2.0之WebDriver学习总结（1）

(一)   Selenium2.0 VS Selenium1.0

我们已经有了Selenium1.0为什么还需要Selenium2.0呢？

Selenium1.0不能处理一下事件：

1)         本机键盘和鼠标事件

2)         同源策略XSS/HTTP（S）

3)         弹出框，对话框（基本身份认证，自签名的证书和文件上传/下载）

Selenium2.0有简洁的API，WebDriver和WebElement对象，更好的抽象。且支持多中操作系统，多语言，多浏览器。

同时Selenium2.0进行了架构的调整和升级：

Selenium2.0 = Selenium1.0 + WebDriver（也就是说Selenium2.0合并了这两个项目）

Selenium1.0可以使用任何编程语言，但是有个先决条件就是必须支持HTTP库。Selenium1.0起初就是一个Javascript库，到后面引入了SeleniumRC。SeleniumRC作为一个代理服务器并且发送操作命令给Selenium Core（javascript代码，且为SeleniumRC的一部分）。SeleniumRC从测试程序接收指令并翻译，返回测试结果给测试程序。Selenium Core在client API打开浏览器后就注入到浏览器中，然后Selenium Core接收测试程序的指令，解释成selenese命令，在浏览器执行。

Selenium1.0作为第一个基于javascript开源的web测试框架，迅速的得到了其他浏览器的支持。但是和任何其他大项目一样，Selenium1.0也不是完美的。正因为他完全是使用javascript写的，这也给他带来了致命的缺陷。为了防止恶意的javascript，所有浏览器都加强了对javascript的安全策略。这样势必导致了在一些特定场景无法使用Selenium1.0。作为一个大项目，随着时间的日积月累，Selenium1.0的API变得越来也大，也越来也复杂，导致了都不知道更好的使用它改善它。

WebDriver项目是由Simon Stewart 提出的，它是一个轻便简洁的自动化测试框架。WebDriver通过尝试不同的方法去解决Selenium1.0所面临的问题。不单单是使用javascript，WebDriver会使用任何一种更合适的机制来操作浏览器。IE通过使用C++，FF通过使用javascript in a XPCOM component。

通过更灵活的机制去操控浏览器，那我们就能很好的绕过浏览器javascript的安全限制。当这些技术还不够用时，我们可以调用系统设备操作，尤其是当你需要一些键盘和鼠标操作时，通过这些技术，我们可以更好的模拟用户的真实浏览器操作。

当这两个框架被合并后，一个框架的缺陷被另一个框架所弥补。WebDriver对浏览器的支持需要对应框架开发工程师做对应的开发；同样Selenium必须操作真实浏览器，但是WebDriver可以HTML unit Driver来模拟浏览器，在内存中执行用例，更加的轻便。Selenium1.0解决了自动化测试中的一些常见问题，WebDriver更好的解决了沙箱限制。WebDriver不支持并行，但是Selenium Grid解决了这个问题。

 

(二)   WebDriver

a)         WebDirver小实例

WebDriver是一个用来进行复杂重复的web自动化测试的工具。意在提供一种比Selenium1.0更简单易学，有利于维护的API。它没有和任何测试框架进行绑定，所以他可以很好的在单元测试和main方法中调用。一旦创建好一个Selenium工程，你马上会发现WebDriver和其他类库一样：它是完全独立的，你可以直接使用而不需要考虑其他配置，这个Selenium RC是截然相反的。

下面我们就开始进入WebDriver的实际应用，首先大家下载好eclipse，还有从selenium官方网站下载selenium2.0的jar包和chromedriver的驱动文件。构建整个工程如下模式：

 现在我们开始写代码：

package demo;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class Selenium2Example  {
     public static void main(String[] args) {
         //创建一个WebDriver实例
         WebDriver driver = new FirefoxDriver();
         // 访问google
         driver.get("http://www.google.com");
         // 另一种访问方法
         // driver.navigate().to("http://www.google.com");
         // 找到文本框
         WebElement element = driver.findElement(By.name("q"));
         // 输入搜索关键字
         element.sendKeys("Selenium");
         //提交表单 WebDriver会自动从表单中查找提交按钮并提交
         element.submit();
         // 检查页面title
         System.out.println("Page title is: " + driver.getTitle());
         // google查询结果是通过javascript动态呈现的.
         // 设置页面等待10秒超时
         (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
              public Boolean apply(WebDriver d) {
                  return d.getTitle().toLowerCase().startsWith("Selenium");
              }
         });
         // 显示查询结果title
         System.out.println("Page title is: " + driver.getTitle());
         //关闭浏览器
         driver.quit();
     }
}

b)         介绍WebDriver的Drivers

WebDriver是测试中必须要写的关键接口的名字，但是他有多种实现，包括下面：

HtmlUnit Driver：这是目前最快，最轻巧的实施的WebDriver。顾名思义，这是基于HtmlUnit。 HtmlUnit是Java一个WebBrowser没有图形用户界面的实现。

用法：

WebDriver driver = new HtmlUnitDiver();

例子：

package demo;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.htmlunit.HtmlUnitDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class DemoUseHtmlUnit {
 public static void main(String[] args) {
  //创建一个WebDriver实例
  WebDriver driver = new HtmlUnitDriver();
         // 访问google
         driver.get("http://www.google.com");
         // 找到文本框
         WebElement element = driver.findElement(By.name("q"));
         // 输入搜索关键字
         element.sendKeys("Selenium");
         //提交表单 WebDriver会自动从表单中查找提交按钮并提交
         element.submit();
         // 检查页面title
         System.out.println("Page title is: " + driver.getTitle());
         // google查询结果是通过javascript动态呈现的.
         // 设置页面等待10秒超时
         (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
             public Boolean apply(WebDriver d) {
                 return d.getTitle().toLowerCase().startsWith("selenium");
             }
         });
         // 显示查询结果title
         System.out.println("Page title is: " + driver.getTitle());        
         //关闭浏览器
         driver.quit();
  }
 }

优点：

l  WebDriver最快的实现方式

l  纯java跨平台性好

l  支持javascript

缺点：

l  模拟其他浏览器的JavaScript行为（见下文）

现今流行的浏览器没有使用HtmlUnit所使用的JavaScript引擎。如果使用HtmlUnit测试JavaScript的结果可能会与实际使用浏览器不同。当我们说“JAVASCRIPT”其实我们的意思是“JavaScript和DOM”。虽然DOM是由W3C定义的，但是每个浏览器都有自己的方式使用JavaScript来实现DOM。 HtmlUnit对JavaScript操作DOM具有良好的支持和完整实现，给人留下了深刻的印象，但它和任何其他浏览器一样：它有自己的方式和W3C标准的主流浏览器的DOM实现差异，尽管其有模仿其他浏览器的能力。

支持javascript：

HtmlUnitDriver driver = new HtmlUnitDriver(true);

注：HtmlUnitDriver默认是模拟firefox3.6来处理javascript。（具体作用还未研究）

 

Firefox Driver：这是一个比较好的WebDriver，目前已经支持到了10.0版本。运行Firefox需要加载Selenium WebDriver.xpi插件。

用法：

WebDriver driver = new FirefoxDriver();

例子：

package demo;
import java.io.File;
import java.io.IOException;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.firefox.FirefoxProfile;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class DemoUseFirefox {
 public static void main(String[] args) {
  //创建一个WebDriver实例
  WebDriver driver = new FirefoxDriver();
        // 访问google
        driver.get("http://www.google.com");
        // 找到文本框
        WebElement element = driver.findElement(By.name("q"));
        // 输入搜索关键字
        element.sendKeys("Selenium");
        //提交表单 WebDriver会自动从表单中查找提交按钮并提交
        element.submit();
        // 检查页面title
        System.out.println("Page title is: " + driver.getTitle());
        // google查询结果是通过javascript动态呈现的.
        // 设置页面等待10秒超时
        (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
            public Boolean apply(WebDriver d) {
                return d.getTitle().toLowerCase().startsWith("selenium");
            }
        });
        // 显示查询结果title
        System.out.println("Page title is: " + driver.getTitle());
        //关闭浏览器
        driver.quit();
 }
}

优点：

l  在真正的浏览器上运行，且支持javascript

l  运行速度快于IE

缺点：

l  运行速度低于HtmlUnit Driver

修改Firefox的配置文件：FirefoxDriver可以通过自己设置Firefox的配置文件，如启动浏览器时，加载Firebug插件。

 File file = new File(".\\res\\firebug-1.9.1-fx.xpi");
 FirefoxProfile firefoxProfile = new FirefoxProfile();
 try {
  firefoxProfile.addExtension(file);
 } catch (IOException e) {
  // TODO Auto-generated catch block
  e.printStackTrace();
 }
 firefoxProfile.setPreference("extensions.firebug.currentVersion","1.9.1");

 例子：

package demo;
import java.io.File;
import java.io.IOException;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.firefox.FirefoxProfile;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class DemoUseFirefox {
 public static void main(String[] args) {
  // 创建一个WebDriver实例
  File file = new File(".\\res\\firebug-1.9.1-fx.xpi");// firebug插件的本地位置
  FirefoxProfile firefoxProfile = new FirefoxProfile();
  try {
   firefoxProfile.addExtension(file);
  } catch (IOException e) {
   // TODO Auto-generated catch block
   e.printStackTrace();
  }
  firefoxProfile.setPreference("extensions.firebug.currentVersion","1.9.1");
  WebDriver driver = new FirefoxDriver(firefoxProfile);
  // 访问google
  driver.get("http://www.google.com");
  // 另一种访问方法
  WebElement element = driver.findElement(By.name("q"));
  // 输入搜索关键字
  element.sendKeys("Selenium");
  // 提交表单 WebDriver会自动从表单中查找提交按钮并提交
  element.submit();
  // 检查页面title
  System.out.println("Page title is: " + driver.getTitle());
  // google查询结果是通过javascript动态呈现的.
  // 设置页面等待10秒超时
  (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
   public Boolean apply(WebDriver d) {
    return d.getTitle().toLowerCase().startsWith("selenium");
   }
  });
  // 显示查询结果title
  System.out.println("Page title is: " + driver.getTitle());
  // 关闭浏览器
  driver.quit();
 }
}

 
 


 
 

Internet Explorer Driver：该驱动需要一个dll文件，故只能在windows系统下使用。所有Selenium版本的都有对xp下的IE6,7,8和windows7下的IE9支持。

用法：

WebDriver driver = new InternetExplorerDriver();

例子：

package demo;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.ie.InternetExplorerDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class DemoUseIE {
 public static void main(String[] args) {
  // 创建一个WebDriver实例
  WebDriver driver = new InternetExplorerDriver();
  // 访问google
  driver.get("http://www.google.com");
  // 找到文本框
  WebElement element = driver.findElement(By.name("q"));
  // 输入搜索关键字
  element.sendKeys("Selenium");
  // 提交表单 WebDriver会自动从表单中查找提交按钮并提交
  element.submit();
  // 检查页面title
  System.out.println("Page title is: " + driver.getTitle());
  // google查询结果是通过javascript动态呈现的.
  // 设置页面等待10秒超时
  (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
   public Boolean apply(WebDriver d) {
    return d.getTitle().toLowerCase().startsWith("selenium");
   }
  });
  // 显示查询结果title
  System.out.println("Page title is: " + driver.getTitle());
  // 关闭浏览器
  driver.quit();
 }
}

优点：

l  运行于真正的浏览器，且支持各种用户终端的javascript。

缺点：

l  IE Driver只能工作在windows下

l  运行速度相对较慢

l  大部分版本下XPach没有原生支持，由于Sizzle是自动注入，所以运行速度低于其他浏览器，CSS渲染也比较慢；

l  CSS不是原生支持IE6和IE7的，Sizzle是强行注入的；

l  IE8,9是原生支持CSS的，但是他们不完全支持CSS3；

需要的配置项：

l  在ie7还有win7和vista系统下，我们必须将浏览器设置成安全模式

 

l  如果要使用鼠标事件，必须确定浏览器是100%缩放的

 

Chrome Driver：是一个独立的服务器，是由Chromium项目组协助开发的。ChromeDriver由三个部件组成：chrome浏览器本身，支持ChromeDriver的语言和支持ChromeDriver和Chrome之间通信的工程。使用ChromeDriver必须启动一个后台程序（即：支持ChromeDriver的语言和支持ChromeDriver和Chrome之间通信的工程）。

用法：

WebDriver driver = new ChromeDriver();

例子：

package demo;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class DemoUseChrome {
 public static void main(String[] args) {
  // 配置服务器
  System.setProperty("webdriver.chrome.driver",
    ".\\res\\chromedriver.exe");
  // 创建一个WebDriver实例
  WebDriver driver = new ChromeDriver();
  // 访问google
  driver.get("http://www.google.com");
  // 找到文本框
  WebElement element = driver.findElement(By.name("q"));
  // 输入搜索关键字
  element.sendKeys("Selenium");
  // 提交表单 WebDriver会自动从表单中查找提交按钮并提交
  element.submit();
  // 检查页面title
  System.out.println("Page title is: " + driver.getTitle());
  // google查询结果是通过javascript动态呈现的.
  // 设置页面等待10秒超时
  (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
   public Boolean apply(WebDriver d) {
    return d.getTitle().toLowerCase().startsWith("selenium");
   }
  });
  // 显示查询结果title
  System.out.println("Page title is: " + driver.getTitle());
  // 关闭浏览器
  driver.quit();
 }
}

优点：

l  运行在真正的浏览器上，且支持javascript；

l  由于Chrome是Webkit内核的浏览器，所以Chrome Driver可以一定程度上测试Safari。但是需要注意的是Chrome使用自己的V8 javascript引擎，而Safari是Nitro引擎，在javascript的执行上还是有区别的。

缺点：

l  运行速度低于HtmlUnit Driver

Chrome高级设置：

我们可以使用一些命令行指令来配置浏览器，类似Firefox。如最大化浏览器：

 DesiredCapabilities capabilities = DesiredCapabilities.chrome();
  capabilities.setCapability("chrome.switches", Arrays.asList("--start-maximized"));
  WebDriver driver = new ChromeDriver(capabilities);

例子：

package demo;
import java.util.Arrays;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.remote.DesiredCapabilities;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
public class DemoUseChrome {
 public static void main(String[] args) {
  // 配置服务器
  System.setProperty("webdriver.chrome.driver",
    ".\\res\\chromedriver.exe");
  // 创建一个WebDriver实例
  DesiredCapabilities capabilities = DesiredCapabilities.chrome();
  capabilities.setCapability("chrome.switches",
    Arrays.asList("--start-maximized"));
  WebDriver driver = new ChromeDriver(capabilities);
  // 访问google
  driver.get("http://www.google.com");
  // 另一种访问方法
  // driver.navigate().to("http://www.google.com");
  // 找到文本框
  WebElement element = driver.findElement(By.name("q"));
  // 输入搜索关键字
  element.sendKeys("Selenium");
  // 提交表单 WebDriver会自动从表单中查找提交按钮并提交
  element.submit();
  // 检查页面title
  System.out.println("Page title is: " + driver.getTitle());
  // google查询结果是通过javascript动态呈现的.
  // 设置页面等待10秒超时
  (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
   public Boolean apply(WebDriver d) {
    return d.getTitle().toLowerCase().startsWith("selenium");
   }
  });
  // 显示查询结果title
  System.out.println("Page title is: " + driver.getTitle());
  // 关闭浏览器
  driver.quit();
 }
}

 
 


 
 

WebDriver-Backed Selenium-RC：WebDriver提供了Selenium-RC的实现，这表示你可以通过Selenium-RC API来使用WebDriver的基础功能。这主要是为了向后兼容。他允许通过适当的转换，那些已经用Selenium-RC API编写的用例能在WebDriver下使用。

用法：

Selenium selenium = new WebDriverBackedSelenium(driver, baseUrl);

例子：

package demo;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebDriverBackedSelenium;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;
import com.thoughtworks.selenium.Selenium;

public class DemoUseBacked {
 public static void main(String[] args) {
        //创建一个WebDriver实例
        WebDriver driver = new FirefoxDriver();
        String baseUrl = "http://www.youdao.com";
        //启动一个Selenium
        Selenium selenium = new WebDriverBackedSelenium(driver, baseUrl);
        // 访问google
        selenium.open(baseUrl);
        // 输入搜索关键字
        selenium.type("id=query", "selenium");
        //点击 搜索
        selenium.click("id=qb");
        
        // 检查页面title
        System.out.println("Page title is: " + driver.getTitle());
        
        // google查询结果是通过javascript动态呈现的.
        // 设置页面等待10秒超时
        (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
            public Boolean apply(WebDriver d) {
                return d.getTitle().toLowerCase().startsWith("selenium");
            }
        });


        // 显示查询结果title
        System.out.println("Page title is: " + driver.getTitle());
        

        //停止Selenium
        selenium.stop();
    }
}

 
 


 
 

优点：

l  允许WebDriver和Selenium API直接兼容

l  提供selenium RC向WebDriver迁移

l  不需要对立的运行Selenium RC server

缺点：

 l  不是所有方法都可以使用

l  由于底层实现的差别，切换后有些方法会运行变慢