@FindBy Selenium 如何找到 ::before

Question

::before 我在现场有以下结构，::before 是我应该点击的复选框，找到了一些主题，但没有@FindBy 注释。是否可以在代码中找到这个 ::before？

<span class="jJ">
<label class="kJ" data-test-id="checkbox_bonus_card">
<input class="mJ" type="checkbox" name="hasBonusCard" value="">
<span data-test-id="checkbox_bonus_card_text" class="lJ">
::before
</span>
</label>
</span>

我试过@FindBy(xpath = "//label[@data-test-id='checkbox_bonus_card'//span['::before']")，但没用。

如果我使用这样的东西：

@FindBy(xpath = "//input[@name='hasBonusCard']")
WebElement checkboxBonusCard;

出现错误：

Caused by: ElementClickInterceptedException: element click intercepted: Element <input class="mJ" type="checkbox" name="hasBonusCard" value=""> is not clickable at point (568, 78). Other element would receive the click: <span class="jJ">...</span>

Answer 1

我认为它在您想与之交互的输入字段中：

@FindBy(name = "hasBonusCard")
WebElement bonusCard;

:: 基本上就是这个意思：

在 CSS 中，::before 创建一个伪元素，它是 选定的元素。它通常用于将装饰内容添加到 具有 content 属性的元素。

更多：

因为 ::after 和 ::before 是一个伪元素，它允许你 从 CSS 将内容插入页面（无需在 HTML）。虽然最终结果实际上不在 DOM 中，但它出现在 页面就像它一样 - 你看到它但无法真正找到它 以 xpath 为例

阅读更多here