51Testing软件测试论坛

 找回密码
 (注-册)加入51Testing

QQ登录

只需一步,快速开始

微信登录,快人一步

查看: 1699|回复: 1

[讨论] 如何快速搭建 Web 自动化测试框架

[复制链接]

该用户从未签到

发表于 2018-2-28 16:05:53 | 显示全部楼层 |阅读模式
一、写在前面的话

在使用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. 公共变量等。
  1. public class BaseCase {
  2.     public static String url = "";
  3.     public static String username = "";
  4.     public static String password = "";

  5.     public static WebDriver driver;

  6.     @BeforeSuite
  7.     public void initSuite(){
  8.         //初始化整个项目,如配置数据同步
  9.     }

  10.     @BeforeClass
  11.     public void initTest(){
  12.         //初始化测试类,如打开浏览器
  13.                 driver = new FirefoxDriver();
  14.     }

  15.     @AfterClass
  16.     public void close(){
  17.                 //关闭浏览器等操作,当然你也可以放在@AfterTest或@AfterMethod
  18.         driver.close();
  19.     }
  20.         ……
  21. 2>创建用例的操作类TestAction类:
  22. TestAction类主要封装一些界面动作,比如点击、输入、移动、刷新等,与界面用户操作(动作)相关的都可以封装在这个类里面。

  23. public class TestAction {
  24.     private WebDriver driver;
  25.     public TestAction(WebDriver driver){
  26.         this.driver = driver;
  27.     }
  28.     public void refresh(){
  29.         driver.navigate().refresh();
  30.         Log.info("F5刷新页面");
  31.         sleep(1);
  32.     }

  33.     public void moveToElement(WebElement e){
  34.         if(e != null){
  35.             Actions action = new Actions(driver);
  36.             Log.info("鼠标移动到:" + getText(e));
  37.             action.moveToElement(e).perform();//鼠标移动到元素上面
  38.         }else{
  39.             Log.error("未找到对象");
  40.         }
  41.     }

  42.     public void click(WebElement e){
  43.         if(e != null){
  44.             Log.info("点击对象:" + getText(e));
  45.             e.click();
  46.         }else{
  47.             Log.error("未找到对象");
  48.         }
  49.     }

  50.     public void setText(WebElement element, Object content, boolean isPrintLog){
  51.         if(element != null){
  52.             element.clear();
  53.             element.sendKeys(String.valueOf(content));
  54.             if(isPrintLog){
  55.                 assertEquals(getText(element), content+"", "输入");
  56.             }
  57.         }else{
  58.             Log.error("文本框元素未找到");
  59.         }
  60.     }
  61. }
  62. 3>封装常用基础控件的Hanlder类:
  63. 这一步其实放到TestAction中也没毛病,但是将一些常用的基础控件的操作单独封装起来也是可以的(看个人习惯),比如:文本控件操作类TextHandler,表格操作类TableHandler,日期选择控件操作类DatePickerHandler等等,下面以DatePickerHandler类举例:

  64. public class DatePickerHandler {
  65.     public static WebElement getDatePicker(){
  66.         By by = By.xpath("//*[@class='mz-datepicker']/input");
  67.         return BaseCase.isElementExist(by) ? Page.driver.findElement(by) : null;
  68.     }

  69.     public static List<WebElement> getDateLinks(){
  70.         By by = By.xpath("//*[@class='mz-calendar-top']/a");
  71.         return BaseCase.isElementsExist(by) ? Page.driver.findElements(by) : null;
  72.     }

  73.     public static String setDate(String text){
  74.         TestAction.click(getDatePicker(), 0.5);
  75.         if(getDateLinks()==null || getDateLinks().size() < 1){
  76.             return "";
  77.         }
  78.         for(WebElement link : getDateLinks()){
  79.             if(BaseCase.getText(link).equals(text)){
  80.                 TestAction.click(link, 0.2);
  81.                 break;
  82.             }
  83.         }
  84.         Log.info("选择日期范围:" + BaseCase.getText(getDatePicker()));
  85.         return BaseCase.getText(getDatePicker());
  86.     }

  87.     public static String setDateText(String dateRange){
  88.         ((JavascriptExecutor)Page.driver).executeScript("arguments[0].removeAttribute(\"readOnly\");",getDatePicker());
  89.         getDatePicker().clear();
  90.         getDatePicker().sendKeys(dateRange);
  91.         if(! dateRange.equals(BaseCase.getText(getDatePicker()))){
  92.             Log.writeInfo("选择日期范围失败,实际:"+ BaseCase.getText(getDatePicker()) +",期望:" + dateRange);
  93.             return "";
  94.         }
  95.         Log.writeInfo("选择日期范围:" + BaseCase.getText(getDatePicker()));
  96.         return BaseCase.getText(getDatePicker());
  97.     }
  98. }
  99. 4>元素对象管理:
  100. 前面已经封装了BaseCase类和操作类,但是页面的元素对象该如何管理呢?这可能要根据项目的大小和元素的多少来定,下面我提供几种常用方式:
  101. a. 直接将元素定位的id 、name或 xpath写在代码中;
  102. b. 将元素定位的表达式提取出来存放在文本、XML、yaml或json中;
  103. c. 将元素定位的表达式提取出来存放到数据库中;
  104. 将元素定位写在代码中,好处就不言而喻了,方便调试嘛,但是对于页面元素上万这种就不推荐了,元素对象将会变得很难管理(估计代码中会遗留很多无用对象),但是对于页面元素不多的情况下还是推荐它的,下面就用PageObject的方式将元素定位写在代码中举例:

  105. public class HomePage {
  106.         private WebDriver driver;
  107.     public HomePage (WebDriver driver){
  108.                 this.driver = driver;
  109.         }
  110.     public WebElement getLeftNavHome(){
  111.         By by = By.xpath("//a[text()='首页']");
  112.         return BaseCase.isElementExist(by) ? driver.findElement(by) : null;
  113.     }
  114.     public WebElement getUser(){
  115.         By by = By.xpath("//*[@class='name']/b");
  116.         return BaseCase.isElementExist(by) ? driver.findElement(by) : null;
  117.     }
  118. }
  119. 5>用例编写:
  120. 根据页面创建测试用例类,类中根据页面功能点可以写一个或多个@Test,用例的粒度自己把握。

  121. public class TestHomePage extends BaseCase {
  122.     private HomePage homePage;

  123.     @Test
  124.     public void testHeaderUsername(){
  125.         if(isLogged){
  126.             TestAction.refresh();
  127.             homePage = new HomePage();

  128.             if(assertEquals(getText(homePage.getUser()), user_name, "用户名")){
  129.                 TestAction.moveToElement(homePage.getUser());
  130.                 TestAction.sleep(0.5);
  131.                 if(homePage.getQuit().isDisplayed()){
  132.                     TestAction.click(homePage.getQuit(), 0.5);
  133.                     if(driver.getTitle().contains("登录") || driver.getTitle().contains("Login")){
  134.                         Log.writeInfo("退出登陆成功");
  135.                     }else{
  136.                         Log.writeErrorInfo("退出登陆失败");
  137.                     }
  138.                 }
  139.             }

  140.         }
  141.     }
  142.         @Test
  143.     public void testXXXXX1(){……}
  144.         @Test
  145.     public void testXXXXX2(){……}
  146. ……
  147. 6>用例管理:
  148. 采用TestNG的xml文件来管理用例

  149. <suite name="WebAutomationTest" parallel="tests" thread-count="1">
  150.     <listeners>
  151.         <listener class-name="your Listener" />
  152.     </listeners>

  153.     <test name="测试用例" preserve-order="true">
  154.         <classes>
  155.                       <class name="com.alany.testcase.TestHomePage"></class>
  156.                       用例类往后继续添加
  157.         </classes>
  158.     </test>         
  159. </suite>
复制代码
至此这个基于WebDriver+TestNG框架的自动化测试框架就搭起来了,随着项目用例的增加和技能的
提升,你还可以再进一步的优化调整…

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?(注-册)加入51Testing

x
回复

使用道具 举报

本版积分规则

关闭

站长推荐上一条 /1 下一条

小黑屋|手机版|Archiver|51Testing软件测试网 ( 沪ICP备05003035号 关于我们

GMT+8, 2024-3-28 22:56 , Processed in 0.064282 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2024 Comsenz Inc.

快速回复 返回顶部 返回列表