Java Selenium (九) 常见 Web UI 元素操作及 API 使用

本篇介绍我们如何利用selenium 来操作各种页面元素

链接(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>

多选框的操作和单选框一模一样的, 这里就不再讲了。

附: selenium java教程 (连载中, 敬请期待)

java selenium (一) selenium 介绍

java selenium (二) 环境搭建方法一

java selenium (三) 环境搭建 基于Maven

java selenium (四) 使用浏览器调试工具

java selenium (五) 元素定位大全

java selenium (六) xpath 定位

java selenium (七) CSS 定位

java selenium (八) Selenium IDE 用法

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

java selenium (十) 操作浏览器

java selenium (十一) 操作弹出对话框

java selenium (十二) 操作弹出窗口

java selenium (十三) 智能等待页面加载完成

java selenium (十四) 处理Iframe 中的元素



相关文章

发表评论

Comment form

(*) 表示必填项

还没有评论。

跳到底部
返回顶部