如何使用 Selenium 和 Java 识别是否选择了带有伪元素 ::after 样式的单选按钮选项

Question

我很难确定是否选择了单选选项 No 或未使用 Selenium Java。下面是网页上单选选项的截图。

这是原始的 HTML 代码。由于它缺少伪元素，我还附上了它的屏幕截图。

<div id="ButtonOptions" class="sample prop_group">
    <label class="vdl-radio">
       <input id="radio_K371FCY2UbrpgcP3RE6VC" type="radio" class="vdl-radio__input" tabindex="0" aria-disabled="false" value="true">
    <label for="radio_K371FCY2UbrpgcP3RE6VC">Yes</label>
    </label>
    <label class="vdl-radio">
       <input id="radio_4XLAugQMgEwzm3e2quk5y" type="radio" class="vdl-radio__input" tabindex="0" aria-disabled="false" value="false" checked="">
    <label for="radio_4XLAugQMgEwzm3e2quk5y">No</label>
    </label>
</div>

下面是 HTML 代码的屏幕截图，其中包含伪元素 ::after（在下面突出显示）在未选择选项时动态加载。

我在执行 JavaScript 的 Java 方法下创建了我希望返回整个 label for 标记的方法。它目前正在打印出null。但是，当我在 Chrome 浏览器控制台中执行下面使用的脚本时，它会识别整个标签标签，包括 ::before 和 ::after 伪元素。

        public String whichRadioOptionIsSelected(){
        String tag = "";      
        List<WebElement> radioOptions = findElementsByXpath(".//div[@id='ButtonOptions']/label");

        //Iterate thru both radio options and execute the JavaScript.

        for(int i = 1; i <= radioOptions.size(); i++) {
                String script = "return document.querySelector('div#ButtonOptions > label:nth-of-type("+i+") label', null);";
                JavascriptExecutor js = (JavascriptExecutor) driver;
                tag = (String) js.executeScript(script);
                System.out.println(tag);
            }        
        return tag;
    }
}

Answer 1

要验证带有 No 文本的 radiobutton 是否被选中，您可以使用以下基于 xpath 的 Locator Strategy：

• 使用前置：

  try {
      driver.findElement(By.xpath("//div[@id='ButtonOptions']//label[@class='vdl-radio']//label[text()='No']//preceding::input[@checked]"));
      System.out.println("No option is selected");
  }
  catch(NoSuchElementException e) {
      System.out.println("No option isn't selected");
  }
  

• 使用 preceding-sibling：

  try {
      driver.findElement(By.xpath("//div[@id='ButtonOptions']//label[@class='vdl-radio']//label[text()='No']//preceding-sibling::input[@checked]"));
      System.out.println("No option is selected");
  }
  catch(NoSuchElementException e) {
      System.out.println("No option isn't selected");
  }
  

---

参考

您可以在以下位置找到关于伪元素的详细讨论：

• How locate the pseudo-element ::before using Selenium Python