点击操作跳转至页脚而非目标页面，测试用例失败求解决方案

问题描述 #

• 执行自动化测试的元素点击操作时，页面未跳转到预期目标页面，反而直接跳转至页脚，导致测试用例失败
• 已尝试两种点击方式：WebDriver原生click()方法、自定义JS点击方法，问题均未解决

自定义JS点击代码 #

public static void jsClick(WebDriver driver, WebElement element,String msg) {
    try {
        JavascriptExecutor js = (JavascriptExecutor) driver;
        js.executeScript("arguments[0].click();", element);
        WaitUtils.staticWait(5000); //3000
        LoggerHelper.log().info(msg);
    } catch (Exception e) {
        LoggerHelper.log().error("Not able to click", e.getCause());
    }
}

排查与解决建议 #

• 验证元素定位准确性：通过浏览器开发者工具确认定位表达式匹配的元素是目标按钮/链接本身，而非其下方覆盖的空白元素、页脚关联占位元素。
• 优化页面滚动逻辑：若元素未完全在视口内，JS点击可能触发异常滚动。可先滚动到元素上方区域再执行点击：

  JavascriptExecutor js = (JavascriptExecutor) driver;
  // 滚动到元素上方100px位置，避免遮挡或滚动异常
  js.executeScript("window.scrollTo(0, arguments[0].getBoundingClientRect().top - 100);", element);
  Thread.sleep(1000); // 等待滚动完成
  element.click();
  

• 模拟完整鼠标事件序列：部分页面会绑定mousedown/mouseup等事件，而非单纯的click，可使用Actions类模拟完整交互：

  Actions actions = new Actions(driver);
  actions.moveToElement(element).click().perform();
  

• 临时禁用页面滚动监听：若页面存在滚动到页脚的默认逻辑（如底部加载），可先禁用滚动事件：

  js.executeScript("window.onscroll = null;");
  

• 直接跳转目标URL：绕过点击事件，直接获取元素的href属性跳转，验证是否为点击事件本身的问题：

  String targetUrl = element.getAttribute("href");
  if (targetUrl != null && !targetUrl.isEmpty()) {
      driver.get(targetUrl);
  }
  

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