Coding 自动化 UI 测试实践(一)—— Quick Start

写在之前

之前在 coding 的博客上发了 “ codingUI 测试的那些事”,可能不少人觉得有点水,或是有点泛泛而谈不够具体。下面这个系列就具体讲讲如何开发 UI 测试。我想以一个开发者的视角来写这个系列,可以说是开发实录吧。有几点还是要先声明下的:

  1. 自动化测试有很多实现方案,本文使用的框架组合是 maven + junit + selennium ( java )。系统环境是 windows 8.1
  2. 示例代码只是参考不是范式,很希望有大神可以帮我修改他觉得写的不好的代码,然后 pull request 上来,先万分感谢, 这些示例源码可以在 https://coding.net/u/ciwang/p/selenium-TestStudy/git 下载

准备开发

开发工具
“工欲善其事,必先利其器”。好的开发工具往往让开发事半功倍。现在流行的 java 开发工具主要有 IntelliJ IDEA 和 Eclipse.个人感觉是 IntelliJ IDEA 比较智能方便,Eclipse 的强大在于它可以安装很多很棒的插件。鄙人没啥心思去研究这些插件,所以还是选择了比较傻瓜的 IntelliJ IDEA。

下载地址:https://www.jetbrains.com/idea/

构建工具
这里我选的构建工具是 maven 。 使用构建工具的好处在于它们可以自动帮你加载jar包,编译,运行,打包,发邮件,生成报告等工作。 虽然这些工作可以由 IDE 来做,但是你不能要求每个要跑这段程序的机器上都装个 Idea 来启动程序。
下载地址:apache-maven-3.3.3-bin.zip

配置 maven
打开系统环境变量设置:
M2_HOME:D:\workspace\maven\apache-maven-3.0.5
Path:;%M2_HOME%/bin;
检查是否成功,打开CMD:
mvn -v

其他
java 1.7+ JDK, firefox 31.0 浏览器(不同版本的浏览器和 selenium 2.42.2 会对程序的运行有影响,例如鼠标 hover 事件)

开始开发

新建项目
打开 IDEA,File -> New Project 选择 maven 项目,选好 jdk 点击下一步。 如下图所示,

图片
图片

GroupId 和 AritifatID 分别填 com.coding.UITest 和 ToturialTest 再点击下一步,projectName 填 "UItest", 按 finish 即可。

填写 groupId 和 ArtifactId

添加项目依赖

所谓的添加项目依赖,就是用 maven 去下载开发所需的 jar 包,这里主要是添加 selenium 和 junit。首先要设置 idea 的 maven 仓库 打开 pom.xml, 添加如下代码:

<dependencies>
    <dependency>
        <groupId>junit</groupId>
        <artifactId>junit</artifactId>
        <version>4.11</version>
        <scope>test</scope>
    </dependency>
    <dependency>
        <groupId>org.seleniumhq.selenium</groupId>
        <artifactId>selenium-java</artifactId>
        <version>2.42.2</version>
    </dependency>
</dependencies>

然后右击,再点击 maven, 选择 reimport, 搞定。


添加项目依赖
添加项目依赖

如何查找项目依赖

在网上有很多查询依赖的网站。鄙人觉得这个网站很不错,http://mvnrepository.com/。上面有各种构建工具的配置写法,例如 Maven, Ivy, Gradle 等。

查询项目依赖
查询项目依赖

写个简单的脚本

首先在 src\main\java 目录下新建一个 Example.java 类。选中 java 目录,右击 -> new -> Java class。 输入 UItest.Example。创建好之后, 输入如下代码:

public class Example {
    @Test    
       //@Test 是一个注释,告诉编译器这是一个 junit 测试用例,junit 就是通过它来找到并启动测试用例
    public void openCoding(){
        FirefoxDriver driver = new FirefoxDriver(); 
        //实例化一个 firefox webdriver 对象。FirefoxDriver 可以看做是一组操作 Firefox 浏览器的工具集合
        driver.navigate().to("https://coding.net");
       // 让浏览器跳转到 https://coding.net
    }
}

如果你直接将上述代码拷贝到 idea 的会报错,那是因为没有 import 相应的 package。选择发红的字体,按 Alt + Enter 或 点击红色灯笼图标加载即可


处理编译错误
运行代码

点击右键,选择 run java。 就可以看到启动了浏览器进入 coding 的主页了。第一次往往要下载很多 jar 包需要等待很久。

coding 主页

FQA
1.firefox 浏览器配置找不到或者 webdriver 连接超时
这个问题主要是浏览器版本和 selenium 版本对不上造成的,本人亲测比较稳定的版本组合是 firefox 31 和 selenium 2.42.2
还有就是 firefox 没有安装到指定目录(C:\Program Files (x86) )。如果没有指定 firefox 的路径,selenium 会直接到这个这个目录下找 firefox, 找不到的话就报错。

你可以通过以下代码指定启动路径:

      System.setProperty("webdriver.firefox.bin", "firefoxpath\\firefox.exe");   
      WebDriver webDriver = new FirefoxDriver();  

2.如何使用 chrome 浏览器
selenium 没有集成 chrome 的 webdriver 需要自己添加依赖,下载 chromedriver.exe
然后添加 如下代码指定 chromedriver 的路径

     System.setProperty("webdriver.chrome.driver","chromedrierpath\\chromedriver.exe");
     ChromeDriver chromeDriver = new ChromeDriver();

推荐阅读更多精彩内容