51Testing软件测试论坛

标题: WebDriver+TestNG+ANT 实现多浏览器兼容性测试 - 美化testNG 报告 [打印本页]

作者: br1823 时间: 2012-7-19 00:11
标题: WebDriver+TestNG+ANT 实现多浏览器兼容性测试 - 美化testNG 报告
本帖最后由 br1823 于 2012-7-19 12:16 编辑

一使用说明

整个Demo通过ANT 和 TestNG的结合使用，同时引入 log4J 方便记录日志。
最后通过 testng-results.xsl 文件将 TestNG 生成的报告美化。

Demo 运行4个百度搜索脚本，每一个脚本都会在 IE firefox Chorme 中分别执行一次。

Demo 下载地址：
开源测试交流群群共享：237754909
文件名： ATS-WD.rar

115网盘下载
CSDN 下载

1. 安装 ANT
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

截图中的饼图需要第三方插件支持，firefox和chrome可以正常显示。ie中不会显示。
在本地运行后，开打 test-output目录下的 Report.html 可以查看报告。

二脚本设计

具体实现说明：
主要方法是使用 InternetExplorerDriver FirefoxDriver ChromeDriver 运行相同的测试脚本。

将每一种Driver 的启动写成 @Test 的方法，如下所示：

@Test
@Parameters( { "webSite" })
public void setUp_InternetExplorerDriver(String webSite) throws Exception {
      //.\\lib\\IEDriverServer.exe  是lib目录下的驱动
      System.setProperty("webdriver.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");
         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 自动生成，可删除

作者: msnshow 时间: 2012-8-4 11:46
很好，学习了

作者: andyfly_001 时间: 2012-8-6 18:38
顶一个，楼主可以说下这里浏览器兼容的检查具体细节，原理吗？

作者: br1823 时间: 2012-8-8 10:02
在脚本里面加验证点 assert
使用 xpath 验证一个页面元素是否在正确的位置

作者: 大头小疯 时间: 2012-8-29 10:31
顶楼主！晚上回家试试

作者: br1823 时间: 2012-9-24 13:29
欢迎大家加入 QQ群 237754909

作者: br1823 时间: 2013-2-20 16:51
欢迎大家加入 QQ群 237754909

作者: 六月天 时间: 2013-2-21 09:21
还不够，其实还可以用selenium-grid来注册远程节点，实现分布式运行，提高多浏览器测试效率

作者: zengxt 时间: 2013-6-3 17:44
谢谢分享！

作者: 533yuyuyi 时间: 2013-6-7 14:10
谢谢分享

作者: fwind1 时间: 2013-8-17 17:01
学习了谢谢

作者: doer_ljy 时间: 2013-9-6 15:36
TestNG里面不需要整合Selenium就可以使用各种Driver吗？

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)