Node.js中Selenium WebDriver测试按钮点击后禁用状态异常问题

这问题我之前也碰到过，大概率是两个原因之一：要么是点击后按钮禁用的动作是异步的，Selenium还没等DOM更新就执行了isEnabled()；要么是前端没有用原生的disabled属性来禁用按钮，而是靠CSS类或其他属性模拟禁用状态。

下面给你具体的解决方法：

1. 用显式等待等待按钮变为禁用状态 #

点击按钮后，前端可能需要完成请求触发、状态更新等异步操作才会禁用按钮，直接调用isEnabled()会拿到未更新的旧状态。你需要用Selenium的显式等待，等到按钮确实变成禁用状态再检查：

const { By, until } = require('selenium-webdriver');

// 定位按钮
const button = await driver.findElement(By.className("btn"));
// 点击按钮
await button.click();
// 等待按钮变为禁用，超时时间设为5秒（可根据实际逻辑调整）
await driver.wait(until.elementIsDisabled(button), 5000);
// 现在再检查状态
console.log(await button.isEnabled()); // 应该输出false

2. 检查前端是否用非原生方式禁用按钮 #

如果上面的方法还是不行，那你得打开浏览器开发者工具，看看点击后按钮的实际变化：

• 是不是只加了个CSS类（比如disabled或btn-disabled）来灰显按钮，但没加原生的disabled属性？
• 是不是用了aria-disabled="true"这样的属性标记禁用？

Selenium的isEnabled()只认原生的disabled属性和元素的原生可交互状态，这种模拟的禁用它识别不出来。这时候要针对性地检查对应的属性：

检查aria-disabled属性 #

await driver.wait(async () => {
  const ariaDisabled = await button.getAttribute('aria-disabled');
  return ariaDisabled === 'true';
}, 5000);
console.log(await button.getAttribute('aria-disabled')); // 输出true

检查是否包含禁用类 #

await driver.wait(async () => {
  const classList = await button.getAttribute('class');
  return classList.includes('disabled'); // 替换成你实际的禁用类名
}, 5000);
console.log(await button.getAttribute('class')); // 会包含目标禁用类

额外提示 #

先确认前端的实现逻辑：点击按钮后，是立即添加disabled属性，还是等请求发出后才添加？如果是后者，显式等待的超时时间可能需要调整得更长一点，避免出现超时错误。

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