java selenium 常見web UI 元素操作及API使用

更新時間：2016年08月12日 16:33:51 作者：肖佳

本文主要介紹java selenium 常見web UI 元素操作,這里幫大家整理了相關(guān)資料并附示例代碼，有需要的小伙伴可以參考下

本篇介紹我們?nèi)绾卫胹elenium 來操作各種頁面元素

閱讀目錄

鏈接(link)
輸入框 textbox
按鈕(Button)
下拉選擇框(Select)
單選按鈕(Radio Button)
多選框 check box

鏈接(link)

  <div>
  <p>鏈接 link</p>
  <a href="www.cnblogs.com/tankxiao">小坦克</a>
 </div>

鏈接的操作

 // 找到鏈接元素
  WebElement link1 = driver.findElement(By.linkText("小坦克"));
  WebElement link11 = driver.findElement(By.partialLinkText("坦克"));
  
  // 點(diǎn)擊鏈接
  link1.click();

輸入框 textbox

 <div>
  <p>輸入框 testbox</p>
  <input type="text" id="usernameid" value="username" />
 </div>

輸入框的操作

  // 找到元素
  WebElement element = driver.findElement(By.id("usernameid"));
  
  // 在輸入框中輸入內(nèi)容
  element.sendKeys("test111111");
  
  // 清空輸入框
  element.clear();
  
  // 獲取輸入框的內(nèi)容
  element.getAttribute("value");

按鈕(Button)

 <div>
  <p>按鈕 button</p>
  <input type="button" value="添加" id="proAddItem_0" />
 </div>

找到按鈕元素

  //找到按鈕元素
  String xpath="http://input[@value='添加']";
  WebElement addButton = driver.findElement(By.xpath(xpath));

  // 點(diǎn)擊按鈕
  addButton.click();

  // 判斷按鈕是否enable
  addButton.isEnabled();

下拉選擇框(Select)

<div>
  <p>下拉選擇框框 Select</p>
  <select id="proAddItem_kind" name="kind">
   <option value="1">電腦硬件</option>
   <option value="2">房產(chǎn)</option>
   <option value="18">種類AA</option>
   <option value="19">種類BB</option>
   <option value="20">種類BB</option>
   <option value="21">種類CC</option>
  </select>
 </div>

下拉選擇框的操作

 // 找到元素
  Select select = new Select(driver.findElement(By.id("proAddItem_kind")));

  // 選擇對應(yīng)的選擇項(xiàng)， index 從0開始的
  select.selectByIndex(2);
  select.selectByValue("18");
  select.selectByVisibleText("種類AA");

  // 獲取所有的選項(xiàng)
  List<WebElement> options = select.getOptions();
  for (WebElement webElement : options) {
   System.out.println(webElement.getText()); 
  }

單選按鈕(Radio Button)

 <div>
  <p>單選項(xiàng) Radio Button</p>
  <input type="radio" value="Apple" name="fruit>" />Apple
  <input type="radio" value="Pear" name="fruit>" />Pear
  <input type="radio" value="Banana" name="fruit>" />Banana
  <input type="radio" value="Orange" name="fruit>" />Orange
 </div>

單選項(xiàng)元素的操作

 // 找到單選框元素
  String xpath="http://input[@type='radio'][@value='Apple']";
  WebElement apple = driver.findElement(By.xpath(xpath));

  //選擇某個單選框
  apple.click();

  //判斷某個單選框是否已經(jīng)被選擇
  boolean isAppleSelect = apple.isSelected();

  // 獲取元素屬性
  apple.getAttribute("value");

多選框 check box

 <div>
  <p>多選項(xiàng) checkbox</p>
  <input type="checkbox" value="Apple" name="fruit>" />Apple
  <input type="checkbox" value="Pear" name="fruit>" />Pear
  <input type="checkbox" value="Banana" name="fruit>" />Banana
  <input type="checkbox" value="Orange" name="fruit>" />Orange
 </div>

多選框的操作和單選框一模一樣的，這里就不再講了。

以上就是java selenium 常見web UI 元素操作的資料整理，后續(xù)繼續(xù)補(bǔ)充，謝謝大家對本站的支持！

您可能感興趣的文章: