br1823 发表于 2012-7-19 00:11:17

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可以查看报告。


http://opentest.cn/data/attachment/album/201207/16/131248s5bbycb5ziptbcdc.jpg




二 脚本设计


具体实现说明:
主要方法是使用 InternetExplorerDriverFirefoxDriverChromeDriver 运行相同的测试脚本。

将每一种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 自动生成,可删除

http://opentest.cn/data/attachment/album/201207/14/014441rt5rrn3t5brrzibi.jpg



msnshow 发表于 2012-8-4 11:46:13

很好,学习了

andyfly_001 发表于 2012-8-6 18:38:44

顶一个,楼主可以说下这里浏览器兼容的检查具体细节,原理吗?

br1823 发表于 2012-8-8 10:02:13

在脚本里面加 验证点assert
使用 xpath 验证 一个 页面元素是否在 正确的位置

大头小疯 发表于 2012-8-29 10:31:30

顶楼主! 晚上回家试试

br1823 发表于 2012-9-24 13:29:53

欢迎大家加入 QQ群 237754909

br1823 发表于 2013-2-20 16:51:47

欢迎大家加入 QQ群 237754909

六月天 发表于 2013-2-21 09:21:20

还不够,其实还可以用selenium-grid来注册远程节点,实现分布式运行,提高多浏览器测试效率

zengxt 发表于 2013-6-3 17:44:20

谢谢分享!

533yuyuyi 发表于 2013-6-7 14:10:21

谢谢分享

fwind1 发表于 2013-8-17 17:01:30

学习了 谢谢

doer_ljy 发表于 2013-9-6 15:36:37

TestNG里面不需要整合Selenium就可以使用各种Driver吗?
页: [1]
查看完整版本: WebDriver+TestNG+ANT 实现多浏览器兼容性测试 - 美化testNG 报告