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

八戒你干嘛

1. 什么是元素？HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

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库
  

代码如下：

1. package WayToFindElement;
   
2. 2
   
3. 3 import java.util.List;
   
4. 4 import org.openqa.selenium.JavascriptExecutor;
   
5. 5 import org.openqa.selenium.WebDriver;
   
6. 6 import org.openqa.selenium.WebElement;
   
7. 7 import org.openqa.selenium.firefox.FirefoxDriver;
   
8. 8 import org.testng.Assert;
   
9. 9 import org.openqa.selenium.WebDriverException;
   
10. 10
    
11. 11 public class FindByJquery {
    
12. 12
    
13. 13     public static void main(String[] args) {
    
14. 14         TestNotLoadJquery();        
    
15. 15     }
    
16. 16
    
17. 17     private static void TestLoadedJquery() {
    
18. 18         WebDriver driver = new FirefoxDriver();
    
19. 19         driver.manage().window().maximize();
    
20. 20         JavascriptExecutor jsExecutor = (JavascriptExecutor)driver;
    
21. 21         driver.get("https://www.baidu.com");
    
22. 22         
    
23. 23         List<WebElement> webElements = (List<WebElement>) jsExecutor.executeScript("return jQuery.find('a.mnav')");
    
24. 24         Assert.assertEquals(webElements.size(),6);
    
25. 25         Assert.assertEquals(webElements.get(2).getText(), "hao123");        
    
26. 26         driver.quit();
    
27. 27     }
    
28. 28     
    
29. 29     private static void TestNotLoadJquery()
    
30. 30     {
    
31. 31         WebDriver driver = new FirefoxDriver();
    
32. 32         driver.manage().window().maximize();
    
33. 33         JavascriptExecutor jsExecutor = (JavascriptExecutor)driver;
    
34. 34         driver.get("http://www.2345.com/");
    
35. 35         if(!jQueryLoaded(jsExecutor)){
    
36. 36             //如果检测到没有jquery库就执行注入操作
    
37. 37             inJectJquery(jsExecutor);
    
38. 38         }
    
39. 39         //找到搜索一下按钮 元素
    
40. 40         List<WebElement> searchButton =  (List<WebElement>) jsExecutor.executeScript("return jQuery.find('input.sch_btn')");
    
41. 41         //验证按钮的文本
    
42. 42         Assert.assertEquals(searchButton.get(0).getAttribute("value"), "搜索一下");
    
43. 43         driver.quit();
    
44. 44     }
    
45. 45     
    
46. 46     /**注入jQuery支持*/
    
47. 47     public static void inJectJquery(JavascriptExecutor jsExecutor){
    
48. 48         jsExecutor.executeScript("var headID = document.getElementsByTagName(\"head\")[0];"
    
49. 49                 + "var newScript = document.createElement('script');"
    
50. 50                 + "newScript.type = 'text/Javascript';"
    
51. 51                 + "newScript.src=\"http://code.jquery.com/jquery-2.1.4.min.js\";"
    
52. 52                 + "headID.appendChild(newScript);");
    
53. 53     }   
    
54. 54     
    
55. 55     
    
56. 56     /**判断当前页面是否使用了jQuery*/
    
57. 57     public static  Boolean jQueryLoaded(JavascriptExecutor jsExecutor){
    
58. 58         Boolean loaded = true;
    
59. 59         try{
    
60. 60             loaded = (Boolean) jsExecutor.executeScript("return jQuery()! = null");
    
61. 61         }catch(WebDriverException e){
    
62. 62             loaded = false;
    
63. 63         }
    
64. 64         
    
65. 65         return loaded;
    
66. 66     }
    
67. 67 }

复制代码

Miss_love

支持分享