1. 程式人生 > >java selenium (九) 常見web UI 元素操作 及API使用

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

清空 radio send link checkbox list select ttext lba

鏈接(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 元素操作 及API使用