如何使用 Java 修复 Selenium Webdriver 中的复选框单击？

Question

我在 Java 中使用 Selenium 来测试 webapp 中复选框的检查。这是我的代码：

WebElement checkBox1;
checkBox1 = driver.findElement((By.xpath(xpathOfElement)));
checkBox1.click();

Selenium Webdriver 找到复选框的位置，但由于某种原因它没有点击。只有复选框区域变为灰色，但复选框不会处于活动状态。

这是我的 HTML 的相关部分：

<div id="componentIndicators:1:j_idt2989:sbc" class="ui-chkbox ui-widget" style="position:relative; top:5px;">
  <div class="ui-helper-hidden-accessible">
    <input id="componentIndicators:1:j_idt2989:sbc_input" type="checkbox" onchange="PrimeFaces.ab({s:"componentIndicators:1:j_idt2989:sbc",e:"change",f:"newApplicationForm",p:"componentIndicators:1:j_idt2989:sbc",u:"componentIndicators:1:j_idt2989:wrapper",ps:true});" aria-checked="true" name="componentIndicators:1:j_idt2989:sbc_input">
  </div>
  <div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default ui-state-active">
    <span class="ui-chkbox-icon ui-icon ui-c ui-icon-check"></span>
  </div>
</div>

如何在 Selenium WebDriver 中使用 Java 解决这个问题？将不胜感激。

活动复选框 HTML 如下所示：

<div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default ui-state-active"> 
  <span class="ui-chkbox-icon ui-icon ui-icon-check ui-c"></span> 
</div> 

非活动复选框 HTML 如下所示

<div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default"> 
  <span class="ui-chkbox-icon ui-icon ui-c ui-icon-blank"></span> 
</div>

Answer 1

尝试操作：

Actions builder = new Actions(driver);
builder.moveToElement(xpathOfElement).click().build().perform();

Answer 2

• 我建议你以这种方式使用 xpath，就像它永远不会给出这样的元素异常。重新生成或识别相同的 xpath 也不会让您感到困惑。

• 如果可能，请始终使用 CSSPath。

• 根据您的 HTML 代码，使用此 xpath 或 csspath。

CSS 路径：

".ui-chkbox-icon ui-icon ui-c ui-icon-blank"

或

 "span[class='ui-chkbox-icon ui-icon ui-c ui-icon-blank']"

---

XPATH：

//span[@class='ui-chkbox-icon ui-icon ui-c ui-icon-blank']

或

//span[contains(@class,'ui-chkbox-icon')]

现在你可以使用这个元素来点击了。

有关 xpath 的更多信息Please Refer This Link。

对于 CSS 路径Please Refer This Link。

================================================ ==============

还有一个问题是你可能对所有的复选框都有相同的属性。

这里是解决方案请参考我给出的链接，并将自定义 Xpath 设置为：

(//span[contains(@class,'ui-chkbox-icon')])[1]

这里给计数为 1、2、3 .. 直到你的复选框所有元素都没有被你选中。现在你有所有不同的元素。

Answer 3

我认为你不能以任何方式点击你的这个自定义复选框。您可以尝试使用 javascript 动态添加活动状态类并查看它是否有效。方法如下-

driver.executeScript("document.getElementById('componentIndicators:1:j_idt2989:sbc').getElementsByTagName('div')[1].className += 'ui-state-active';");

上面的代码会将类活动设置为 div。现在，如果您有更多带有 id - componentIndicators:1:j_idt2989:sbc 的 div，那么也可以使用数组索引。方法如下-

driver.executeScript("document.getElementsById('componentIndicators:1:j_idt2989:sbc')[0].getElementsByTagName('div')[1].className += 'ui-state-active';");
//Replace index 0 with your element's index value. Note, its a zero based index

希望对你有帮助。

Answer 4

从您提供的源代码中，您可以直接搜索输入元素。

由于所有相关的输入元素都具有相同的 id，因此您需要在 xpath 查询末尾使用“[2]”请求“2nd”：

WebElement checkBox = driver.findElement(By.xpath("//div[@class = 'ui-helper-hidden-accessible']/input[contains(@id, 'componentIndicators:1')]"));
checkBox.click();

Answer 5

我解决了我的问题，谢谢大家的帮助。

Thread.sleep(1000);
WebElement element = driver.findElement((By.xpath(xpathOfElement)));
JavascriptExecutor executor = (JavascriptExecutor)driver;
executor.executeScript("arguments[0].click();", element);
Thread.sleep(1000);