java selenium元素定位大全_java

頁面元素定位是自動化中最重要的事情， selenium Webdriver 提供了很多種元素定位的方法。  測試人員應該熟練掌握各種定位方法。 使用最簡單，最穩定的定位方法。

閱讀目錄

1. 自動化測試步驟
2. 定位方法大全
3. 如何定位
4. 通過ID尋找元素: By.id()
5. 通過Name尋找元素:By.name()
6. 通過TagName尋找元素: By.tagName()
7. 通過ClassName 尋找元素 By.className
8. 通過LinkText尋找元素 By.linkText();
9. 通過PartialLinkText 尋找元素　By.partialLinkText()
10. 通過CSS選取器尋找元素、
11. 通過Xpath 尋找元素

自動化測試步驟

在自動化測試過程中， 測試程式通常的操作頁面元素步驟

1. 找到Web的頁面元素，並賦予到一個儲存物件中 (WebElement)

2. 對儲存頁面元素的對象進行操作， 例如：點選連結，在輸入框中輸入字元等

3. 驗證頁面上的元素是否符合預期 

通過這三個步驟， 我們可以完成一個頁面元素的操作， 找到頁面元素是很重要的一個步驟。 找不到頁面元素，後面就沒法做了

Web頁面技術的現實複雜性， 造成大量的頁面元素很難定位。  經常有人不知道怎麼定位。

定位方法大全

使用WebDriver對象的findElement函數定義一個Web頁面元素

使用findElements函數可以定位頁面的多個元素

定位的頁面元素需要使用WebElement對象來儲存，以便後續使用

常用的定位頁面元素方法如下，   按推薦排序

 

定位方法	Java語言實現執行個體
id 定位	driver.findElement(By.id(“id的值”))；
name定位	driver.findElement(By.name(“name的值”))；
連結的全部文字定位	driver.findElement(By.linkText(“連結的全部文字”))；
連結的部分文字定位	driver.findElement(By.partialLinkText(“連結的部分文字”))；
css 方式定位	driver.findElement(By.cssSelector(“css運算式”))；
xpath 方式定位	driver.findElement(By.xpath(“xpath運算式”))；
Class 名稱定位	driver.findElement(By.className(“class屬性”))；
TagName 標籤名稱定位	driver.findElement(By.tagName(“標籤名稱”))；
Jquery方式	Js.executeScript(“return jQuery.find(“jquery運算式”)”)

 如何定位

在使用selenium webdriver進行元素定位時,通常使用findElement或findElements方法結合By類返回元素控制代碼來定位元素

findElement() 方法返回一個元素, 如果沒有找到,會拋出一個異常 NoElementFindException()

findElements()方法返回多個元素, 如果沒有找到,會返回空數組, 不會拋出異常

如何選擇 定位方法

策略是， 選擇簡單，穩定的定位方法。

1. 當頁面元素有id屬性的時候， 盡量使用id來定位。  沒有的話，再選擇其他定位方法

2. cssSelector  執行速度快， 推薦使用

3. 定位超連結的時候，可以考慮linkText或partialLinkText：　但是要注意的是 ，  文本經常發生改變，　所以不推薦用

4. xpath 功能最強悍。 當時執行速度慢，因為需要尋找整個DOM,  所以盡量少用。  實在沒有辦法的時候，才使用xpath

通過ID尋找元素: By.id()

通過頁面元素的ID來尋找元素是最為推薦的方式, W3C標準推薦開發人員為每一個頁面元素都提供獨一無二的ID屬性

一旦元素被賦予了唯一的ID屬性.,  我們做自動化測試的時候,很容易定位到元素.  元素的ID被作為首選的識別屬性, 因為是最快的識別策略. 

以百度首頁為例,  搜尋方塊的HTML範例程式碼如下,   它的ID為kw

<input type="text" autocomplete="off" maxlength="100" id="kw" name="wd" class="s_ipt">

"百度一下"搜尋按鈕元素的HTML範例程式碼如下,   它ID為su

<input type="submit" class="btn self-btn bg s_btn" id="su" value="百度一下">

在Selenium/WebDriver 中通過ID尋找元素的Java範例程式碼如下

WebDriver driver = new FirefoxDriver();  driver.get("http://www.baidu.com");     WebElement searchBox = driver.findElement(By.id("kw"));  searchBox.sendKeys("小坦克 部落格園");  WebElement searchButton = driver.findElement(By.id("su"));  searchButton.submit();    driver.close();

 通過Name尋找元素:By.name()

以豆瓣網的首頁搜尋方塊為例, 其搜尋方塊的HTML代碼如下,  它name是: q

<input type="text" autocomplete="off" name="q" placeholder="書籍、電影、音樂、小組、小站、成員" size="12" maxlength="60">

 WebDriver中通過name尋找豆瓣首頁上的搜尋方塊的Java代碼如下:

 WebDriver driver = new FirefoxDriver();  driver.get("http://www.douban.com");     WebElement searchBox = driver.findElement(By.name("q"));  searchBox.sendKeys("小坦克");  searchBox.submit(); 

 通過TagName尋找元素: By.tagName()

通過tagName來搜尋元素的時候,會返回多個元素. 因此需要使用findElements()

 WebDriver driver = new FirefoxDriver();  driver.get("http://www.cnblogs.com");     List<WebElement> buttons = driver.findElements(By.tagName("div"));  System.out.println("Button:" + buttons.size());

注意:  如果使用tagName,  要注意很多HTML元素的tagName是相同的,

比如單選框,複選框, 文字框,密碼框.這些元素標籤都是input.  此時單靠tagName無法精確擷取我們想要的元素, 還需要結合type屬性,才能過濾出我們要的元素

WebDriver driver = new FirefoxDriver();  driver.get("http://www.cnblogs.com");     List<WebElement> buttons = driver.findElements(By.tagName("input"));  for (WebElement webElement : buttons) {   if (webElement.getAttribute("type").equals("text")) {    System.out.println("input text is :" + webElement.getText());   }  }

通過ClassName 尋找元素 By.className 

以淘寶網的首頁搜尋為例， 其搜尋方塊的HTML代碼如下:   class="search-combobox-input"

<input autocomplete="off" autofocus="true" accesskey="s" aria-label="請輸入搜尋文字" name="q" id="q" class="search-combobox-input" aria-haspopup="true" aria-combobox="list" role="combobox" x-webkit-grammar="builtin:translate" tabindex="0">

Java 範例程式碼如下

  WebDriver driver = new FirefoxDriver();  driver.get("http://www.taobao.com");  Thread.sleep(15000);  WebElement searchBox = driver.findElement(By.className("search-combobox-input"));  searchBox.sendKeys("羽絨服");  searchBox.submit();

注意：使用className 來進行元素定位時， 有時會碰到一個

通過LinkText尋找元素 By.linkText();

 直接通過超連結上的文字資訊來定位元素：例如

<a href="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F" name="tj_login" class="lb" onclick="return false;">登入</a> 

HTML代碼如下

 WebDriver driver = new FirefoxDriver();  driver.get("http://www.baidu.com");  WebElement loginLink = driver.findElement(By.linkText("登入"));  loginLink.click();

通過PartialLinkText 尋找元素　By.partialLinkText()

此方法是上一個方法的加強版，　單你只想用一些關鍵字匹配的時候，可以使用這個方法，通過部分超連結顯示文字來定位元素

HTML 程式碼如下

  WebDriver driver = new FirefoxDriver();  driver.get("http://www.baidu.com");  WebElement loginLink = driver.findElement(By.partialLinkText("登"));  loginLink.click();

 注意：用這種方法定位時，　可能會引起的問題是，　當你的頁面中不知一個超連結包含“等”時，　findElement方法只會返回第一個尋找到的元素，而不會返回所有合格元素

如果你想要獲得所有合格元素，還是只能用findElements方法。

以上就是java selenium元素定位 的資料整理，後續繼續補充相關資料，謝謝大家的支援！