IDEA+Java:Selenium+Maven+TestNG基本WebUI自动化测试环境搭建

IDEA+java：Selenium+Maven+TestNG

流程：JDK-Maven-IDEA-Selenium-TestNG-脚本

快捷窗口：

1. JDK安装及配置
2. Maven安装、配置及使用
3. 各浏览器驱动下载链接

 附送：selenium国内镜像网站，打不开selenium官网的可以在此下载！

本文介绍的测试环境，应该是最基本的测试环境了，也是很多文章都有写，这里做一个完整的图文配置整理，方便阅读理解！

 使用maven的好处，由此也可以看到，因为访问selenium官方，有的时候是需要FQ才能打开的，而用了maven就可以免费下载了~

首先，编译器，我使用了IDEA，而非eclipse，是因为IDEA与Maven可以更完美的融合，并且更好用，更智能，推荐大家抓紧转入。

IDEA安装

（JDK安装及配置教程点击进入查看）：

官方下载地址：https://www.jetbrains.com/idea  （首页点击DOWNLOAD，应该很明显吧？）

根据你的系统环境选择并下载完整版（不要问收费怎么办，继续看！）

 

　　　　下载并安装到你喜欢的地方，最好不要在C盘（系统盘），除非你是足够空间的固态硬盘！

　　　　安装过程中说到的注册码的问题，直接忽略，直到安装完成！

　　破解：

　　　　自己百度，不建议破解，近期破解程序有严重安全漏洞！

 

MAVEN的安装及配置

 

安装、配置及使用，点击进入查看

 

 在编译器中的应用

打开IDEA，新建一个Maven项目，

在默认打开的pom.xml中添加我们需要的Selenium和testNG

selenium-java

testng


添加完成以后，idea会在右下角提示你是否需要自动安装pom配置的jar包，为了方便，当然需要了 -enable！
那么安装完这些就完成了么，显然是没有，selenium3，不同于2的地方就是火狐浏览器也需要单独加载驱动了

各浏览器驱动下载链接

然后将我们下载好的驱动，放到你的文件夹中，推荐命名driver，方便辨识。
同样，windows用户也可以直接将下载好的驱动扔到你的 C:\Windows\System32，若是64位系统，还需要扔到 C:\Windows\SysWOW64

实例代码如下，点击展开查看：
（说明：1.用户名和密码用你自己的；2.如果驱动在指定的文件夹里，代码中可以不用配置驱动位置）

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.testng.Assert;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

/**
 * 类说明
 *
 * @author iceb
 * @version $Id: SeTest.java, v0.1 2017/6/28.17:19 Exp $
 */

public class SeTest {

    @BeforeClass
    public void beforeClass() {
        System.out.println("用例前执行打印本句！");
        System.out.println("每条Test用例是互不相干的");
        System.out.println("用例开始执行…………");
    }

    @AfterClass
    public void afterClass(){
        System.out.println("用例结束后运行");
    }
    @Test
    public void actions() {
        //设置驱动所在位置
        System.setProperty("webdriver.chrome.driver", "D:\\fortest\\drivers\\chromedriver.exe");
        //引用火狐浏览器驱动
        WebDriver driver = new ChromeDriver();
        //打开禅道界面
        driver.get("http://www.zentao.net/user-login.html");
        //以下元素使用css格式 -cssSelector
        //输入账号
        driver.findElement(By.cssSelector("#account")).sendKeys("baidutest01x");
        //输入密码
        driver.findElement(By.cssSelector("#password")).sendKeys("pswd111");
        //点击登录
        driver.findElement(By.id("#submit")).click();

        //抓取成功登录后的用户名信息
        String text = driver.findElement(By.cssSelector("#siteNav > a:nth-child(4)")).getText();
        //断言-校验是否登录成功
        Assert.assertEquals(text,"懵");

        try {
            //页面等待
            Thread.sleep(300);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        //关闭浏览器进程及驱动
        driver.close();

    }

}

---

以上，我们就安装完成了这个测试的基础环境。
推荐大家先去学习css和xpath，以及js，可以方便帮助我们了解前端代码的元素定位！不是只会xpath就行了，要取方便的来用。

那么另一个问题，大家也经常不知道如何去定位，以及定位到以后怎么确定我找的对不对呢？来，实例教学，往下看！
打开浏览器，输入被测试了不知道多少遍的百度首页……，按F12，展开开发者模式~

1. 使用xpath 定位Web Element

在console 输入：$x("")

2. 使用CSS selector定位web Element

在console 里输入：$("")

3. 执行js

window.alert("")

4.执行jQuery

window.getComputedStyle(document.getElementById("su"),null).getPropertyValue("background")

以上动图教程转载：http://www.cnblogs.com/tobecrazy/ 

用例一定要有断言，即-实际结果和预期结果的对比！

OK，本文介绍到此为止！转摘记得注明出处~