如何检查元素是否包含特定的类属性

css selenium selenium-webdriver java webdriver

2022-09-01 03:44:06

我如何检查硒Web元素是否包含特定的css类。

我有这个 html li 元素

<li class="list-group-item ng-scope active" ng-repeat="report in lineageController.reports" ng-click="lineageController.activate(report)" ng-class="{active : lineageController.active == report}">

正如你所看到的，在类属性内部有一个活动类。

我的问题是我有这个元素，我想根据class属性是否具有“活动”值进行检查，这是比使用xpath更优雅的解决方案。

我该怎么做？

答案 1

假设您已经找到了元素，并且想要检查class属性中的某个类：

public boolean hasClass(WebElement element) {
    String classes = element.getAttribute("class");
    for (String c : classes.split(" ")) {
        if (c.equals(theClassYouAreSearching)) {
            return true;
        }
    }
    
    return false;
}

#EDIT 正如@aurelius正确地指出的那样，有一种更简单的方法（效果不是很好）：

public boolean elementHasClass(WebElement element, String active) {
    return element.getAttribute("class").contains(active);
}

这种方法看起来更简单，但有一个很大的警告：

正如@JuanMendes如果您要搜索的类名是其他类名的子字符串，您将遇到问题：

例如 class=“test-a test-b”，搜索 class.contains（“test”）将返回 true，但它应该是 false

#EDIT 2 尝试组合以下两个代码片段：

public boolean elementHasClass(WebElement element, String active) {
    return Arrays.asList(element.getAttribute("class").split(" ")).contains(active);
}

这应该可以解决您的警告。

答案 2

@drkthng提供的答案有效，但您可能遇到类名是另一个类名的子集的情况。例如：

<li class="list-group-item ng-scope active">text</li>

如果要查找类“item”，则提供的答案将给出误报。您可能想尝试类似下面的方法：

public boolean hasClass(WebElement element, String htmlClass) {
    String classes = element.getAttribute("class").split("\\s+");
    if (classes != null) {
        for (String classAttr: classes) {
            if (classAttr.equals(htmlClass)) {
                return true;
            }
        }
    }
    return false;
}