Selenium Web 自動化 - 如何找到元素

2016-07-29

1. 什么是元素？

元素：http://www.w3school.com.cn/html/html_elements.asp

2. 定位方式解析

Selenium WebDriver 提供一個先進的技術來定位 web 頁面元素。Selenium 功能豐富的API 提供了多個定位策略如:Name、ID、CSS 選擇器、XPath 等等，如下圖所示：

一般會用ID來定位，因為它是唯一的，xpath也比較通用，火狐瀏覽器插件：firepath和firebug是快速給出元素的xpath。

另外JQuery也是很好的定位方法

2.1 通過jQuery來定位元素

jQuery提供了find方法，來快速查找頁面元素，但此方法也僅限使用了jquery庫的頁面。

2.1.1 如何判別頁面使用了jQuery

打開火狐瀏覽器，輸入谷歌地址：https://www.google.com.hk/，按F12調出控制台，接着在最下面的箭頭處輸入：“jQuery”，然后回車：

• 若控制台會返回：“function(e, t)” 這就表明此頁面適用了jQuery庫。
• 若控制台會返回錯誤提示：ReferenceError:jQuery is not defined 這就證明當前的頁面沒有適用到jQuery庫

代碼如下：

package WayToFindElement;

import java.util.List;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.Assert;
import org.openqa.selenium.WebDriverException;

public class FindByJquery {

    public static void main(String[] args) {
        TestNotLoadJquery();        
    }

    private static void TestLoadedJquery() {
        WebDriver driver = new FirefoxDriver();
        driver.manage().window().maximize();
        JavascriptExecutor jsExecutor = (JavascriptExecutor)driver;
        driver.get("https://www.baidu.com");
        
        List<WebElement> webElements = (List<WebElement>) jsExecutor.executeScript("return jQuery.find('a.mnav')");
        Assert.assertEquals(webElements.size(),6);
        Assert.assertEquals(webElements.get(2).getText(), "hao123");        
        driver.quit();
    }
    
    private static void TestNotLoadJquery()
    {
        WebDriver driver = new FirefoxDriver();
        driver.manage().window().maximize();
        JavascriptExecutor jsExecutor = (JavascriptExecutor)driver;
        driver.get("http://www.2345.com/");
        if(!jQueryLoaded(jsExecutor)){
            //如果檢測到沒有jquery庫就執行注入操作
            inJectJquery(jsExecutor);
        }
        //找到搜索一下按鈕 元素
        List<WebElement> searchButton =  (List<WebElement>) jsExecutor.executeScript("return jQuery.find('input.sch_btn')");
        //驗證按鈕的文本
        Assert.assertEquals(searchButton.get(0).getAttribute("value"), "搜索一下");
        driver.quit();
    }
    
    /**注入jQuery支持*/
    public static void inJectJquery(JavascriptExecutor jsExecutor){
        jsExecutor.executeScript("var headID = document.getElementsByTagName(\"head\")[0];"
                + "var newScript = document.createElement('script');"
                + "newScript.type = 'text/Javascript';"
                + "newScript.src=\"http://code.jquery.com/jquery-2.1.4.min.js\";"
                + "headID.appendChild(newScript);");
    }    
    
    
    /**判斷當前頁面是否使用了jQuery*/
    public static  Boolean jQueryLoaded(JavascriptExecutor jsExecutor){
        Boolean loaded = true;
        try{
            loaded = (Boolean) jsExecutor.executeScript("return jQuery()! = null");
        }catch(WebDriverException e){
            loaded = false;
        }
        
        return loaded;
    }
}