一、写在前面的话
在使用WebDriver框架之前，我先后使用了其他两款自动化测试框架，IBM Rational Robot（历史悠久的老牌自动化工具）与TestComplete（功能强大，可支持Web、移动端和桌面程序自动化测试的付费工具），相比较于WebDrIver，它们对于自动化脚本开发者而言都不够“开放”（可扩展）和“自由”（可封装），或多或少都有一些局限性，当然这样并不是说WebDriver就没有局限性，对于GUI桌面程序界面WebDriver目前就束手无策，必须借助其他辅助工具，但这并不妨碍我对WebDriver的喜爱，因为对于Web端的自动化测试，使用WebDriver可以满足我对页面95%以上的覆盖，并且在它的基础上快速写出一套符合自己项目的自动化测试框架。
二、准备工作
在开始自己项目的自动化测试之前，我们最好已经完成了下面的准备工作：
1、熟悉待测系统
对项目的待测系统整体功能和业务逻辑有比较清晰的认识。
2、编写系统的自动化测试用例大纲
这一步主要是让我们在编码前，按优先级将系统可实施自动化测试的部分划分出来。
3、选择合适的工具和框架
对于WebDriver，我们可以选择基于java或python，浏览器基于chrome或firefox，WebDriver版本、浏览器版本，用例管理选择TestNG还是Junit等等都是考虑的因素，这里使用selenium-java 2.53.1/firefox 45/TestNG 6.8.8。
三、实现步骤
1>创建测试用例的父类BaseCase类：
每个测试用例类都继承自BaseCase类，那么就可以将用例中的公共部分放到BaseCase类中去实现，从而简化代码结构和减少代码冗余，比如：
a. 使用TestNG框架来管理用例，在BaseCase类中实现@BeforeSuite、@BeforeClass、@BeforeTest、@BeforeMethod及其对应的After方法等；
b. 一些常用的与用例相关的方法；
c. 公共变量等。
publicclassBaseCase{
publicstaticStringurl="";
publicstaticStringusername="";
publicstaticStringpassword="";
publicstaticWebDriverdriver;
@BeforeSuite
publicvoidinitSuite(){
//初始化整个项目，如配置数据同步
}
@BeforeClass
publicvoidinitTest(){
//初始化测试类，如打开浏览器
driver=newFirefoxDriver();
}
@AfterClass
publicvoidclose(){
//关闭浏览器等操作，当然你也可以放在@AfterTest或@AfterMethod
driver.close();
}
……
2>创建用例的操作类TestAction类：
TestAction类主要封装一些界面动作，比如点击、输入、移动、刷新等，与界面用户操作（动作）相关的都可以封装在这个类里面。
publicclassTestAction{
privateWebDriverdriver;
publicTestAction(WebDriverdriver){
this.driver=driver;
}
publicvoidrefresh(){
driver.navigate().refresh();
Log.info("F5刷新页面");
sleep(1);
}
publicvoidmoveToElement(WebElemente){
if(e!=null){
Actionsaction=newActions(driver);
Log.info("鼠标移动到："+getText(e));
action.moveToElement(e).perform();//鼠标移动到元素上面
}else{
Log.error("未找到对象");
}
}
publicvoidclick(WebElemente){
if(e!=null){
Log.info("点击对象："+getText(e));
e.click();
}else{
Log.error("未找到对象");
}
}
publicvoidsetText(WebElementelement,Objectcontent,booleanisPrintLog){
if(element!=null){
element.clear();
element.sendKeys(String.valueOf(content));
if(isPrintLog){
assertEquals(getText(element),content+"","输入");
}
}else{
Log.error("文本框元素未找到");
}
}
}
3>封装常用基础控件的Hanlder类：
这一步其实放到TestAction中也没毛病，但是将一些常用的基础控件的操作单独封装起来也是可以的（看个人习惯），比如：文本控件操作类TextHandler，表格操作类TableHandler，日期选择控件操作类DatePickerHandler等等，下面以DatePickerHandler类举例：
publicclassDatePickerHandler{
publicstaticWebElementgetDatePicker(){
Byby=By.xpath("//*[@class='mz-datepicker']/input");
returnBaseCase.isElementExist(by)?Page.driver.findElement(by):null;
}
publicstaticList<WebElement>getDateLinks(){
Byby=By.xpath("//*[@class='mz-calendar-top']/a");
returnBaseCase.isElementsExist(by)?Page.driver.findElements(by):null;
}
publicstaticStringsetDate(Stringtext){
TestAction.click(getDatePicker(),0.5);
if(getDateLinks()==null||getDateLinks().size()<1){
return"";
}
for(WebElementlink:getDateLinks()){
if(BaseCase.getText(link).equals(text)){
TestAction.click(link,0.2);
break;
}
}
Log.info("选择日期范围："+BaseCase.getText(getDatePicker()));
returnBaseCase.getText(getDatePicker());
}
publicstaticStringsetDateText(StringdateRange){
((JavascriptExecutor)Page.driver).executeScript("arguments[0].removeAttribute(\"readOnly\");",getDatePicker());
getDatePicker().clear();
getDatePicker().sendKeys(dateRange);
if(!dateRange.equals(BaseCase.getText(getDatePicker()))){
Log.writeInfo("选择日期范围失败，实际："+BaseCase.getText(getDatePicker())+"，期望："+dateRange);
return"";
}
Log.writeInfo("选择日期范围："+BaseCase.getText(getDatePicker()));
returnBaseCase.getText(getDatePicker());
}
}
4>元素对象管理：
前面已经封装了BaseCase类和操作类，但是页面的元素对象该如何管理呢？这可能要根据项目的大小和元素的多少来定，下面我提供几种常用方式：
a. 直接将元素定位的id 、name或 xpath写在代码中；
b. 将元素定位的表达式提取出来存放在文本、XML、yaml或json中；
c. 将元素定位的表达式提取出来存放到数据库中；
将元素定位写在代码中，好处就不言而喻了，方便调试嘛，但是对于页面元素上万这种就不推荐了，元素对象将会变得很难管理（估计代码中会遗留很多无用对象），但是对于页面元素不多的情况下还是推荐它的，下面就用PageObject的方式将元素定位写在代码中举例：
publicclassHomePage{
privateWebDriverdriver;
publicHomePage(WebDriverdriver){
this.driver=driver;
}
publicWebElementgetLeftNavHome(){
Byby=By.xpath("//a[text()='首页']");
returnBaseCase.isElementExist(by)?driver.findElement(by):null;
}
publicWebElementgetUser(){
Byby=By.xpath("//*[@class='name']/b");
returnBaseCase.isElementExist(by)?driver.findElement(by):null;
}
}
5>用例编写：
根据页面创建测试用例类，类中根据页面功能点可以写一个或多个@Test，用例的粒度自己把握。
publicclassTestHomePageextendsBaseCase{
privateHomePagehomePage;
@Test
publicvoidtestHeaderUsername(){
if(isLogged){
TestAction.refresh();
homePage=newHomePage();
if(assertEquals(getText(homePage.getUser()),user_name,"用户名")){
TestAction.moveToElement(homePage.getUser());
TestAction.sleep(0.5);
if(homePage.getQuit().isDisplayed()){
TestAction.click(homePage.getQuit(),0.5);
if(driver.getTitle().contains("登录")||driver.getTitle().contains("Login")){
Log.writeInfo("退出登陆成功");
}else{
Log.writeErrorInfo("退出登陆失败");
}
}
}
}
}
@Test
publicvoidtestXXXXX1(){……}
@Test
publicvoidtestXXXXX2(){……}
……
6>用例管理：
采用TestNG的xml文件来管理用例
<suitename="WebAutomationTest"parallel="tests"thread-count="1">
<listeners>
<listenerclass-name="your Listener"/>
</listeners>
<testname="测试用例"preserve-order="true">
<classes>
<classname="com.alany.testcase.TestHomePage"></class>
用例类往后继续添加
</classes>
</test>
</suite>
