如何使用Selenium确认按钮是否被点击？

针对你遇到的无跳转、无明显反馈的按钮，以下几种方法可以帮你确认点击是否生效：

• 检查按钮自身状态变化
  很多按钮点击后会有状态改变，比如变为禁用、添加激活样式或修改文本。你可以在点击前后分别获取这些属性对比：

  // 点击前获取状态
  const beforeDisabled = await driver.findElement(By.id("submit")).getAttribute("disabled");
  const beforeClass = await driver.findElement(By.id("submit")).getAttribute("class");
  
  // 执行点击
  await driver.findElement(By.id("submit")).click();
  
  // 点击后获取状态
  const afterDisabled = await driver.findElement(By.id("submit")).getAttribute("disabled");
  const afterClass = await driver.findElement(By.id("submit")).getAttribute("class");
  
  // 对比判断
  if (beforeDisabled !== afterDisabled || beforeClass !== afterClass) {
    console.log("按钮状态变化，点击有效");
  } else {
    console.log("按钮无状态变化，点击可能未生效");
  }
  

• 注入JS监听点击事件
  通过Selenium执行JS代码，给按钮绑定自定义的点击监听，直接记录点击是否触发：

  // 注入监听逻辑
  await driver.executeScript(() => {
    window.btnClickedFlag = false;
    const submitBtn = document.getElementById('submit');
    submitBtn.addEventListener('click', () => {
      window.btnClickedFlag = true;
    });
  });
  
  // 执行点击
  await driver.findElement(By.id("submit")).click();
  
  // 获取监听结果
  const isClicked = await driver.executeScript(() => window.btnClickedFlag);
  console.log(isClicked ? "按钮已被点击" : "点击未触发");
  

• 捕获网络请求（若点击触发AJAX）
  如果按钮点击会发送异步请求，可通过浏览器性能日志捕获请求来验证：

  // 初始化Chrome浏览器时开启性能日志
  const chromeOptions = new chrome.Options();
  chromeOptions.setPerfLoggingPrefs({
    enableNetwork: true,
    enablePage: false
  });
  const driver = await new Builder().forBrowser('chrome').setChromeOptions(chromeOptions).build();
  
  // 执行点击
  await driver.findElement(By.id("submit")).click();
  
  // 过滤网络日志中的请求
  const logs = await driver.manage().logs().get('performance');
  const targetRequest = logs.find(log => {
    const msg = JSON.parse(log.message).message;
    return msg.method === 'Network.requestWillBeSent' && 
           msg.params.request.url.includes('你的接口地址关键字');
  });
  
  console.log(targetRequest ? "请求已发送，点击有效" : "未捕获到目标请求");
  

• 模拟真实用户点击动作
  有时候click()方法是通过JS触发，可能和真实用户点击有差异，试试用Actions类模拟鼠标点击：

  const actions = new Actions(driver);
  const submitBtn = await driver.findElement(By.id("submit"));
  
  // 移动到按钮上再点击
  await actions.moveToElement(submitBtn).click().perform();
  
  // 再结合前面的状态检查或请求捕获验证
  

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