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

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;

     }

 }