Selenium点击::before伪元素Select Size及输入框sendKeys操作求助

问题1：点击::before伪元素渲染的Select Size元素失效 #

失效原因 #

::before属于CSS渲染生成的伪元素，并不存在于实际DOM节点树中，你当前选中的.product-option-label如果未绑定点击事件、或点击区域被伪元素覆盖时，Selenium原生的click()方法会因为可交互性校验不通过无法触发效果。

可行解决方案 #

• 方案1：使用Actions类模拟坐标点击
  定位到目标标签元素后，偏移点击到伪元素所在的区域，偏移量可根据页面实际渲染效果调整：

  Actions actions = new Actions(driver);
  WebElement sizeLabel = driver.findElement(By.cssSelector(".product-option-label"));
  // 5,5为相对于元素左上角的偏移坐标，可根据实际情况调整
  actions.moveToElement(sizeLabel, 5, 5).click().perform();
  

• 方案2：使用JavascriptExecutor绕过Selenium校验触发点击
  原生JS点击可以跳过Selenium的元素可交互性校验，直接触发元素绑定的点击事件：

  WebElement sizeLabel = driver.findElement(By.cssSelector(".product-option-label"));
  JavascriptExecutor js = (JavascriptExecutor) driver;
  js.executeScript("arguments[0].click();", sizeLabel);
  

• 方案3：直接操作关联的隐藏表单元素
  这类选择标签一般会关联隐藏的radio或checkbox表单元素，你可以直接定位到对应的隐藏input，通过JS设置选中状态即可：

  WebElement sizeInput = driver.findElement(By.cssSelector(".product-option-label input[type='radio']"));
  JavascriptExecutor js = (JavascriptExecutor) driver;
  js.executeScript("arguments[0].checked = true;", sizeInput);
  

问题2：输入框执行sendKeys输入操作实现 #

根据输入框的不同异常场景，可选择对应解决方案：

• 场景1：输入框可正常定位但无法输入
  先移除输入框可能存在的只读、禁用属性，激活后再执行输入：

  // 将选择器替换为你实际的输入框定位规则
  WebElement input = driver.findElement(By.cssSelector("输入框css选择器"));
  JavascriptExecutor js = (JavascriptExecutor) driver;
  // 移除禁用/只读属性
  js.executeScript("arguments[0].removeAttribute('readonly');arguments[0].removeAttribute('disabled');", input);
  input.click();
  input.clear();
  input.sendKeys("需要输入的内容");
  

• 场景2：常规sendKeys无效（存在输入校验/元素被遮挡）
  直接通过JS给输入框赋值，同时触发输入事件适配页面的校验逻辑：

  WebElement input = driver.findElement(By.cssSelector("输入框css选择器"));
  JavascriptExecutor js = (JavascriptExecutor) driver;
  // 赋值
  js.executeScript("arguments[0].value = '需要输入的内容';", input);
  // 触发输入/变更事件，适配页面的联动校验逻辑
  js.executeScript("arguments[0].dispatchEvent(new Event('input'));arguments[0].dispatchEvent(new Event('change'));", input);
  

• 场景3：输入框暂时不可交互
  增加显式等待，等输入框可点击后再执行操作：

  new WebDriverWait(driver, Duration.ofSeconds(10))
    .until(ExpectedConditions.elementToBeClickable(By.cssSelector("输入框css选择器")));
  

内容的提问来源于stack exchange，提问作者Ferdousi