《手把手教你》系列技巧篇（四十八）java+ selenium自动化测试判断元素是否可操作（详解教程）北京

1.简介

webdriver有三种判断元素状态的方法，分别是isEnabled，isSelected 和 isDisplayed，其中isSelected在前面的内容中已经简单的介绍了，isSelected表示查看元素是否被选中，一般用在勾选框中（多选或者单选），isDisplayed表示查看选中是否可见。isEnabled表示查什么呢？isEnabled表示查看元素是否可以进行操作，比如，点击，输入等。

2.isEnabled()源码

/**
* Is the element currently enabled or not? This will generally return true for everything but
* disabled input elements.
* <p>
* See <a href="https://w3c.github.io/webdriver/#is-element-enabled">W3C WebDriver specification</a>
* for more details.
*
* @return True if the element is enabled, false otherwise.
*/
boolean isEnabled();

从上边的源码中的注释可以看出isEnabled()方法是用来判断页面元素是否可操作。可操作返回true，不可操作返回false。

3.isEnabled()用法

List<WebElement> targetElement =  driver.findElements(By.xpath("xpath_your_expected_element"));

    try {

        if(targetElement>=1) {

            if(targetElement.isEnabled()) {

                System.out.println("Element is operable");

            }else {

                System.out.println("Element is found, but hidden on the page");
            
            }

        }else {

            System.out.println("Element not found on the page");

        }
    }catch (NoSuchElementException e) {

        System.out.println("Exception in finding the element:" + e.getMessage());

    }

4.项目实战

宏哥这里用度娘的首页搜索输入框举例，判断这个搜索输入框是否可以输入内容，然后利用JavaScript加上属性readonly后，再次判断是否可以输入内容，对你没看错就是这么玩。

4.1测试用例（思路）

1.访问度娘首页

2.定位搜索输入框，判断其是否可以操作（输入搜索内容）

3.给搜索输入框通过JavaScript添加readonly属性

4.再次判断搜索输入框是否可以操作（输入搜索内容）

4.2代码设计

4.3参考代码

package lessons;

import java.util.concurrent.TimeUnit;

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

/**
 * @author: 北京-宏哥
 * 
 * @公众号:北京宏哥
 * 
 * 《手把手教你》系列技巧篇（四十八）-java+ selenium自动化测试-判断元素是否可操作（详解教程）
 *
 * 2021年11月20日
 */
public class testEnabled {
    
    public static void main(String[] args) throws Exception {  
            
            System.setProperty("webdriver.chrome.driver", ".\\Tools\\chromedriver.exe");  
               
            WebDriver driver = new ChromeDriver();  
         
            driver.manage().window().maximize();  
           
            driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
            //访问度娘首页 
            driver.get("https://www.baidu.com/");  
            
            WebElement searchInputBox = driver.findElement(By.id("kw"));
            if(searchInputBox.isEnabled()==true){
                System.out.println("百度首页的搜索输入框可以输入内容！");
            }
            //给搜索输入框通过JavaScript添加disable属性
            JavascriptExecutor jsExecutor = (JavascriptExecutor) driver;
            String js = "document.getElementById('kw').setAttribute('disabled', '')"; 
            jsExecutor.executeScript(js);
            Thread.sleep(5000);
            WebElement searchInputBox1 = driver.findElement(By.className("s_ipt"));
            
            //再次判断搜索输入框是否可以操作（输入搜索内容）
            if(!searchInputBox1.isEnabled()){
                System.out.println("百度首页的搜索输入框不可以输入内容！");
            }
            driver.quit();
    }

}

4.4运行代码

1.运行代码，右键Run AS->Java Appliance，控制台输出，如下图所示：

2.运行代码后电脑端的浏览器的动作（宏哥点击输入框也不允许输入内容），如下小视频所示：

3.可能小伙伴后者童鞋们没有注意宏哥在录屏中点击输入框，通过JavaScript给输入框加入不可操作属性，宏哥在这里演示一下，仍然给输入框输入内容就会报如下错误：element not interactable（元素不可交互）。如下图所示：

4.当然了你也可以通过F12查看元素已经加上了不可以操作的属性，如下图所示：

5.小结

好了，今天时间也不早了，宏哥就分享到这里，感谢您耐心地阅读。

6.拓展

如果你不想用或者觉得selenium自带的API不能满足你的要求，你也可以根据自己的需要定义一个API，然后进行调用使用。

6.1自定义的API

//自定义一个判断页面元素是否存在的函数或者方法IsElementPresent
private boolean IsElementPresent(By by){
    try{
        //如果传入的参数by能够找到页面元素，则函数返回“true”，表示成功
        //找到页面元素
        driver.findElement(by);
        return true;
    }catch(NoSuchElementException e){
        //如果传入的参数by没有找到页面元素，则函数返回“false”，
        //表示没有成功的找到页面元素
        return false;
    }
}

6.2测试方法

@Test
public void testIsElement1(){
        
    driver.manage().window().maximize();  
           
    driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
    //访问搜狗首页
    driver.get("http://www.baidu.com");
        
    //调用ISElementPresent函数，查找ID为“query”的页面元素对象
    if(IsElementPresent(By.id("kw"))){
        //如果定位到页面元素，则把页面元素对象存储到searchInputBox变量中
        WebElement searchInputBox = driver.findElement(By.id("kw"));
        /*判断searchInputBox变量对象是否处于可用状态。如果处于可用状态，则输入
        “搜狗首页的搜索输入框被成功找到！”*/
        if(searchInputBox.isEnabled()==true){
            searchInputBox.sendKeys("百度首页的搜索输入框被成功找到！");
        }
    }else{
        //如果首页输入框元素未被找到。则将此测试用例的设置为失败状态
        //打印失败原因
        Assert.fail("页面上的输入框元素未被找到！");
    }
}

6.3参考代码

package lessons;

import java.util.concurrent.TimeUnit;

import junit.framework.Assert;

import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.NoSuchElementException;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

/**
 * @author: 北京-宏哥
 * 
 * @公众号:北京宏哥
 * 
 * 《手把手教你》系列技巧篇（四十八）-java+ selenium自动化测试-判断元素是否可操作（详解教程）
 *
 * 2021年11月20日
 */
public class testIsElement {
    
    WebDriver driver = new ChromeDriver();  
    //自定义一个判断页面元素是否存在的函数或者方法IsElementPresent
    private boolean IsElementPresent(By by){
        try{
            //如果传入的参数by能够找到页面元素，则函数返回“true”，表示成功
            //找到页面元素
            driver.findElement(by);
            return true;
        }catch(NoSuchElementException e){
            //如果传入的参数by没有找到页面元素，则函数返回“false”，
            //表示没有成功的找到页面元素
            return false;
        }
    }

    @Test
    public void testIsElement1(){
        
        driver.manage().window().maximize();  
           
        driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
        //访问搜狗首页
        driver.get("http://www.baidu.com");
        
        //调用ISElementPresent函数，查找ID为“query”的页面元素对象
        if(IsElementPresent(By.id("kw"))){
            //如果定位到页面元素，则把页面元素对象存储到searchInputBox变量中
            WebElement searchInputBox = driver.findElement(By.id("kw"));
            /*判断searchInputBox变量对象是否处于可用状态。如果处于可用状态，则输入
            “搜狗首页的搜索输入框被成功找到！”*/
            if(searchInputBox.isEnabled()==true){
                searchInputBox.sendKeys("百度首页的搜索输入框被成功找到！");
            }
        }else{
            //如果首页输入框元素未被找到。则将此测试用例的设置为失败状态
            //打印失败原因
            Assert.fail("页面上的输入框元素未被找到！");
        }
    }

}

6.4运行代码

1.运行代码，右键Run AS->Junit Test，控制台输出，如下图所示：

2.运行代码后电脑端的浏览器的动作，如下小视频所示：

    为了方便大家在移动端也能看到我分享的博文，现已注册个人微信公众号，扫描左下方二维码即可，欢迎大家关注，有时间会及时分享相关技术博文。
    为了方便大家互动讨论相关技术问题，现已组建专门的微信群，由于微信群满100，请您扫描右下方宏哥个人微信二维码拉你进群（请务必备注：已关注公众号进群）平时上班忙（和你一样），所以加好友不及时，请稍安勿躁~，欢迎大家加入这个大家庭，我们一起畅游知识的海洋。
    感谢您花时间阅读此篇文章,如果您觉得这篇文章你学到了东西也是为了犒劳下博主的码字不易不妨打赏一下吧，让博主能喝上一杯咖啡，在此谢过了！
    如果您觉得阅读本文对您有帮助，请点一下左下角按钮，您的“推荐”将是我最大的写作动力！另外您也可以选择【关注我】，可以很方便找到我！
    本文版权归作者和博客园共有，来源网址：https://www.cnblogs.com/du-hong 欢迎各位转载，但是未经作者本人同意，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利！