作者:高元_G·Marshal于 2017年06月22日 发布在分类 / 开发技术 / Test / Selenium 下,并于 2017年06月22日 编辑
    2017-06-22 15:40:53版本: Selenium WebDriver(2)——入门篇
    历史版本

    修改日期 修改人 备注
    2017-06-22 15:42:40[当前版本] 高元_G·Marshal 排版问题
    2017-06-22 15:40:53 高元_G·Marshal CREAT

    【1. 加入 jUnit】 

    Selenium 环境搞定,接下来就要想办法让我们的测试步入正轨了,对于 java 来说,用上 jUnit 是很方便的,maven 项目加入 jUnit 也是轻而易举,稍微修改一下 pom.xml 就可以了 

    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>Selenium2Test</groupId>
    <artifactId>Selenium2Test</artifactId>
    <version>1.0</version>
    <dependencies>
    <dependency>
    <groupId>org.seleniumhq.selenium</groupId>
    <artifactId>selenium-java</artifactId>
    <version>2.25.0</version>
    </dependency>
    <dependency>
    <groupId>com.opera</groupId>
    <artifactId>operadriver</artifactId>
    </dependency>
    <dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>4.8.2</version>
    <scope>test</scope>
    </dependency>
    </dependencies>
    <dependencyManagement>
    <dependencies>
    <dependency>
    <groupId>com.opera</groupId>
    <artifactId>operadriver</artifactId>
    <version>0.16</version>
    <exclusions>
    <exclusion>
    <groupId>org.seleniumhq.selenium</groupId>
    <artifactId>selenium-remote-driver</artifactId>
    </exclusion>
    </exclusions>
    </dependency>
    </dependencies>
    </dependencyManagement>
    </project>

    把上一篇中测试 FireFox 的代码拿来按照 jUnit 的结构适当修改一下,就可以直接利用 jUnit 进行测试了 

    package lesson2;

    import java.util.List;

    import org.junit.AfterClass;
    import org.junit.BeforeClass;
    import org.junit.Test;
    import org.openqa.selenium.By;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.FirefoxDriver;
    import org.openqa.selenium.support.ui.ExpectedCondition;
    import org.openqa.selenium.support.ui.WebDriverWait;

    public class ExampleJunit  {

        static WebDriver driver;
        
        @BeforeClass
        public static void init() {
        System.out.println("init...");
        // 如果你的 FireFox 没有安装在默认目录,那么必须在程序中设置
        System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe");
        // 创建一个 FireFox 的浏览器实例
        driver = new FirefoxDriver();
        }

        @Test
        public void test() {
        // 让浏览器访问 zTree Demo
        driver.get("http://www.ztree.me/v3/demo/cn/core/standardData.html");
       
        // 等待 zTree 初始化完毕,Timeout 设置10秒
        (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
        public Boolean apply(WebDriver d) {
        WebElement element = driver.findElement(By.id("treeDemo"));
        return element.findElement(By.tagName("a")) != null;
        }
        });
       
        WebElement element = driver.findElement(By.id("treeDemo"));
        List<WebElement> elements = element.findElements(By.tagName("li"));
        // 显示生成的节点DOM 数量
        System.out.println("treeNode DOM length = " + elements.size());
        }
        
        @AfterClass
        public static void destory() {
        System.out.println("destory...");
        //关闭浏览器
        driver.quit();
        }
    }

    注意: 
    如果在一个 java 文件中的 @Test 比较多,那么需要注意 @Before / @After 和 @BeforeClass / @AfterClass 是不一样的,前者是每一个 @Test 执行前后都会运行;后者只执行一次(详细请参考 jUnit 的文档)。 

    【2. 执行 js】 

    想测试 zTree ,那么大量的测试工作都是要依靠 js 的,所以让 Selenium 与 js 通信是至关重要的,查一下文档,建立起来简单的通信是不难的。 

    ((JavascriptExecutor)driver).executeScript("var a = 0;");

    只要在这里面把需要执行的 js 写好就可以了,不过问题也就来了:

    1、executeScript 执行 js 时应该是一个闭包的环境,所以这里面 var 定义的变量是局部变量,不可能是全局对象,使用此变量的方法都要在这一个 executeScript 里面写好全部代码。 
    2、一个 executeScript 只能 返回一个Object,如果你要做同一个测试,返回一个 JSON 对象中的多个值,难道要同一段代码复制好几遍吗? 这样当然不是个好的解决方案,所以我们可以利用 window 实现全局变量,这样可以将一个复杂的 executeScript 分解为多个简单的 executeScript 了。 
    3、executeScript 的返回值是 Object,在 API 中有详细的描述 Object 与 js 值的对应关系,但注意可是不能直接返回 JSON 对象的。

    js 返回 HTML element, Object 可以转换为一个 WebElement 
    js 返回 decimal,Object 可以转换为一个 Double 
    js 返回 non-decimal number, Object 可以转换为一个 Long 
    js 返回 boolean, Object 可以转换为一个 Boolean 
    js 返回 其他对象, Object 可以转换为一个 String 
    js 返回 array, Object 可以转换为一个 List<Object>. 
    js 没有返回值 或 返回 null, executeScript 的返回值就是 null 

    详细情况建议大家直接参阅 API 文档 

    package lesson2;

    import org.junit.AfterClass;
    import org.junit.BeforeClass;
    import org.junit.Test;
    import org.openqa.selenium.By;
    import org.openqa.selenium.JavascriptExecutor;
    import org.openqa.selenium.WebDriver;
    import org.openqa.selenium.WebElement;
    import org.openqa.selenium.firefox.FirefoxDriver;
    import org.openqa.selenium.support.ui.ExpectedCondition;
    import org.openqa.selenium.support.ui.WebDriverWait;

    public class ExampleJs  {

        static WebDriver driver;
        
        @BeforeClass
        public static void init() {
        System.out.println("init...");
        // 如果你的 FireFox 没有安装在默认目录,那么必须在程序中设置
        System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe");
        // 创建一个 FireFox 的浏览器实例
        driver = new FirefoxDriver();
        }

        @Test
        public void test() {
        // 让浏览器访问 zTree Demo
        driver.get("http://www.ztree.me/v3/demo/cn/core/standardData.html");
       
        // 等待 zTree 初始化完毕,Timeout 设置10秒
        (new WebDriverWait(driver, 10)).until(new ExpectedCondition<Boolean>() {
        public Boolean apply(WebDriver d) {
        WebElement element = driver.findElement(By.id("treeDemo"));
        return element.findElement(By.tagName("a")) != null;
        }
        });
       
        System.out.println("start...javascript");

    //     String name =(String) ((JavascriptExecutor)driver).executeScript("return $.fn.zTree.getZTreeObj('treeDemo').getNodes()[0].name;");
    //     Long rootCount = (Long) ((JavascriptExecutor)driver).executeScript("return $.fn.zTree.getZTreeObj('treeDemo').getNodes().length;");
       
        //直接 var 定义得到的对象并不是全局对象,这么执行会出错的
    //     ((JavascriptExecutor)driver).executeScript("var zTreeObj = $.fn.zTree.getZTreeObj('treeDemo');");
    //     String name =(String) ((JavascriptExecutor)driver).executeScript("return zTreeObj.getNodes()[0].name;");
    //     Long rootCount = (Long) ((JavascriptExecutor)driver).executeScript("return zTreeObj.getNodes().length;");

        //利用 window 实现全局对象
        ((JavascriptExecutor)driver).executeScript("window.zTreeObj = $.fn.zTree.getZTreeObj('treeDemo');");
        String name =(String) ((JavascriptExecutor)driver).executeScript("return window.zTreeObj.getNodes()[0].name;");
        Long rootCount = (Long) ((JavascriptExecutor)driver).executeScript("return window.zTreeObj.getNodes().length;");
       
        // 显示js 的结果
        System.out.println("treeObj[0].name = " + name);
        System.out.println("root nodes count = " + rootCount);
        }
        
        @AfterClass
        public static void destory() {
        System.out.println("destory...");
        //关闭浏览器
        driver.quit();
        }
    }

    睿恒知识库-V3.2.0