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

本篇介紹我們如何利用selenium 來操作各種頁面元素

閱讀目錄

1. 鏈接(link)
2. 輸入框textbox
3. 按鈕(Button)
4. 下拉選擇框(Select)
5. 單選按鈕(Radio Button)
6. 多選框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("坦克")); // 點擊鏈接link1.click();

輸入框textbox

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

輸入框的操作

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

按鈕(Button)

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

找到按鈕元素

 //找到按鈕元素String xpath="//input[@value='添加']"; WebElement addButton = driver.findElement(By.xpath(xpath)); // 點擊按鈕addButton.click(); // 判斷按鈕是否enable addButton.isEnabled();

下拉選擇框(Select)

 <div> <p>下拉選擇框框Select</p> <select id="proAddItem_kind" name="kind"> <option value="1">電腦硬件</option> <option value="2">房產</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"))); // 選擇對應的選擇項， index 從0開始的select.selectByIndex(2); select.selectByValue("18"); select.selectByVisibleText("種類AA"); // 獲取所有的選項List<WebElement> options = select.getOptions(); for (WebElement webElement : options) { System.out.println(webElement.getText()); }

單選按鈕(Radio Button)

 <div> <p>單選項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>

單選項元素的操作

// 找到單選框元素String xpath="//input[@type='radio'][@value='Apple']"; WebElement apple = driver.findElement(By.xpath(xpath)); //選擇某個單選框apple.click(); //判斷某個單選框是否已經被選擇boolean isAppleSelect = apple.isSelected(); // 獲取元素屬性apple.getAttribute("value");

多選框check box

 <div> <p>多選項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 元素操作的資料整理，後續繼續補充，謝謝大家對本站的支持！