51Testing软件测试论坛

标题: Selenium Web 自动化 - 如何找到元素 [打印本页]
作者: 八戒你干嘛    时间: 2019-3-21 14:35
标题: Selenium Web 自动化 - 如何找到元素
1. 什么是元素？HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

2. 定位方式解析
Selenium WebDriver 提供一个先进的技术来定位 web 页面元素。Selenium 功能丰富的API 提供了多个定位策略如:Name、ID、CSS 选择器、XPath 等等，如下图所示：
[attach]123124[/attach]

一般会用ID来定位，因为它是唯一的，xpath也比较通用，火狐浏览器插件：firepath和firebug是快速给出元素的xpath。
另外JQuery也是很好的定位方法

2.1 通过jQuery来定位元素
jQuery提供了find方法，来快速查找页面元素，但此方法也仅限使用了jquery库的页面。

2.1.1 如何判别页面使用了jQuery
打开火狐浏览器，输入谷歌地址：https://www.google.com.hk/，按F12调出控制台，接着在最下面的箭头处输入：“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    时间: 2020-12-30 18:02
支持分享



欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2