【转载】WebDriver+TestNG+ANT 实现多浏览器兼容性测试 - 美化testNG 报告

清疚 2022-05-14 09:26 150阅读 0赞

**一 使用说明**  
  
整个Demo通过[**ANT**][ANT] 和 [**TestNG**][ANT]的结合使用， 同时引入 log4J 方便记录[**日志**][ANT]。   
最后 通过 testng-results.xsl 文件将 TestNG 生成的报告美化。   
  
Demo 运行4个[**百度**][ANT]搜索脚本，每一个脚本都会在 IE firefox Chorme 中分别执行一次。  
  
  
Demo 下载地址：  
开源[**测试**][ANT]交流群  群共享 ：237754909   
文件名 ： ATS-WD.rar  
  
[115网盘下载][115]  
[CSDN 下载][CSDN]  
  
**1. 安装 ANT**  
apache-ant-1.7.1-bin.zip  
  
下载地址：  
  
[http://archive.apache.org/dist/ant/binaries/apache-ant-1.7.1-bin.zip][http_archive.apache.org_dist_ant_binaries_apache-ant-1.7.1-bin.zip]

第一步      解压apache-ant-1.7.1-bin.zip到某个盘符，这里以C盘做为例。

第二步      将bin所在目录设置为path环境变量的值之一：C:\\apache-ant-1.7.1\\bin

第三步      设置环境变量ANT\_HOME为：C:\\apache-ant-1.7.1

第四步      打开Dos窗口，输入ant -version检查是否正确，如果正确如下图

> C:\\Documents and Settings\\Administrator>ant -version  
>   
> Apache Ant version 1.7.1 compiled on June 27 2008

**2. 配置firefox的安装目录**  
修改 src目录下的 testng.xml 文件

> <parameter name="firefox\_dir"  
>                 value="D:/Program Files/Mozilla Firefox/Mozilla Firefox/firefox.exe" />

value 为 本地 firefox的安装目录  
  
  
**3. 执行脚本**  
  
第一种方法 ：在eclipse中导入项目，运行 ant 脚本 build.xml  
  
第二种方法 ：用dos进入到ATS-WD的目录，直接输入命令 ant 即可。  
  
  
  
  
**4. 查看报告**  
  
通过ANT运行后的测试报告如下：  
  
在线展示：  
  
[http://opentest.cn/test-output/Report.html][http_opentest.cn_test-output_Report.html]     
  
  
截图中的 饼图需要第三方插件支持，firefox和chrome可以正常显示。ie中不会显示。  
在本地运行后，开打  test-output目录下的 Report.html  可以查看报告。  
  
  
![点击图片可在新窗口打开][131248s5bbycb5ziptbcdc.jpg]  
  
  
  
**二 脚本设计**  
  
  
具体实现说明：  
主要方法是使用 InternetExplorerDriver  FirefoxDriver  ChromeDriver 运行相同的测试脚本。  
  
将每一种Driver  的启动写成 @Test 的方法，如下所示：

> @Test  
>     @Parameters( \{ "webSite" \})  
>     public void setUp\_InternetExplorerDriver(String webSite) throws Exception \{  
>         //.\\\\lib\\\\IEDriverServer.exe  是lib目录下的驱动  
>         System.setProperty("[**webdriver**][ANT].ie.driver", ".\\\\lib\\\\IEDriverServer.exe");  
>         DesiredCapabilities capabilities = DesiredCapabilities.internetExplorer();  
>         capabilities.setCapability(InternetExplorerDriver.INTRODUCE\_FLAKINESS\_BY\_IGNORING\_SECURITY\_DOMAINS,  
>                                    true);  
>         driver = new InternetExplorerDriver(capabilities);  
>         baseUrl = webSite;  
>         driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);  
>         script(driver);  
>     \}  
>       
>     @Test  
>     @Parameters( \{ "firefox\_dir", "webSite" \})  
>     public void setUp\_FirefoxDriver(String firefox\_dir, String webSite)  
>             throws Exception \{  
>         //firefox\_dir 为本机 firefox安装目录  
>         System.setProperty("webdriver.firefox.bin", firefox\_dir);  
>         driver = new FirefoxDriver();  
>         baseUrl = webSite;  
>         driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);  
>         script(driver);  
>     \}  
>       
>     @Test  
>     @Parameters( \{ "webSite" \})  
>     public void setUp\_ChromeDriver(String webSite) throws Exception \{  
>         //.\\\\lib\\\\IEDriverServer.exe  是lib目录下的驱动  
>         System.setProperty("webdriver.chrome.driver", "./lib/chromedriver.exe");  
>         driver = new ChromeDriver();  
>         baseUrl = webSite;  
>         driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);  
>         script(driver);  
>     \}

对于具体的测试脚本，写成一个新的方法，每一个driver都会调用该方法，如下所示：

> private void script(WebDriver driver) throws Exception \{  
>         try \{  
>             logger.log("开始");  
>             driver.get(baseUrl);  
>             driver.findElement(By.id("kw")).clear();  
>             driver.findElement(By.id("kw")).sendKeys("[**selenium**][ANT]");  
>             driver.findElement(By.id("kw")).submit();  
>             driver.findElement(By.linkText("下一页>")).click();  
>             driver.findElement(By.linkText("下一页>")).click();  
>             driver.findElement(By.linkText("下一页>")).click();  
>             assertEquals("selenium", driver.findElement(By.id("kw"))  
>                                            .getAttribute("value"));  
>               
>             logger.log("结束");  
>               
>         \} catch (Exception e) \{  
>             throw e;  
>         \} finally \{  
>             tearDown();  
>         \}  
>     \}

**三 ANT TestNG 配置**  
  
ANT 脚本文件为 根目录下 的 build.xml  
主要任务是 ： 编译脚本、调用TestNG执行脚本、将TestNG生成的报告美化。  
  
TestNG 配置文件为 src目录下的 testng.xml   
  
通过配置 testng.xml 可以到达 脚本 参数化 ， 并发执行脚本的目的，如下所示

> <suite name="WebDriver兼容性测试" thread-count="4" parallel="tests">  
>   
>         <parameter name="firefox\_dir"  
>                 value="D:/Program Files/Mozilla Firefox/Mozilla Firefox/firefox.exe" />  
>         <parameter name="webSite" value="http://www.baidu.com" />

thread-count="4" 为同时执行的线程数   parallel="tests" 为同时执行的测试级别  
  
  
  
**四 日志配置**  
  
将log4J 和 TestNG 中自带的日志功能结合。  
在脚本中写入的日志会分别记录在以下地方：  
  
1. 测试报告 -- Report.html   
2. logs文件夹中的日志文件  
3. 在控制台中打印  
  
  
对于每一个 webdriver脚本  开始先初始化一下：

>     private static final SelLogger logger = SelLogger.getLogger(脚本名.class);  
>

在脚本中 使用 ：

logger.log("开始");  
logger.log("结束");

**五 目录结构**  
  
src   目录为 源码   
lib    目录为 需要使用到的jar包文件，包括 ChromeDriver InternetExplorerDriver 需要使用的exe文件  
logs 目录为 日志文件，在脚本中使用     logger.log("XXXXXX")      
       会记录到该文件夹中  
classes 目录为 ANT 编译后的class文件夹，可删除  
test-output 目录为 测试报告目录 TestNG 自动生成，可删除  
  
![点击图片可在新窗口打开][014441rt5rrn3t5brrzibi.jpg]

[ANT]: http://www.51testing.com/?uid-375957-action-viewspace-itemid-817942
[115]: http://115.com/file/e7crn4v0
[CSDN]: http://download.csdn.net/detail/br1823/4431736
[http_archive.apache.org_dist_ant_binaries_apache-ant-1.7.1-bin.zip]: http://archive.apache.org/dist/ant/binaries/apache-ant-1.7.1-bin.zip
[http_opentest.cn_test-output_Report.html]: http://opentest.cn/test-output/Report.html
[131248s5bbycb5ziptbcdc.jpg]: http://opentest.cn/data/attachment/album/201207/16/131248s5bbycb5ziptbcdc.jpg
[014441rt5rrn3t5brrzibi.jpg]: http://opentest.cn/data/attachment/album/201207/14/014441rt5rrn3t5brrzibi.jpg