Node.js Selenium自定义高亮元素方法调用click时报错问题咨询

错误原因 #

你犯了两个核心问题：

1. async 修饰的函数默认返回普通的Promise对象，不是Selenium原生findElement返回的可代理WebElement方法的WebElementPromise特殊实例。普通Promise本身没有内置click()、sendKeys()这类元素操作方法。
2. 你的调用顺序逻辑错误：await driver.findElementWithHighlight(some locator).click()会先尝试读取findElementWithHighlight返回的Promise对象的click属性，找不到对应方法就直接抛出异常，根本不会等Promise resolve完成。

修复方案 #

方案1：调整调用写法（最简单，无侵入） #

先await拿到方法返回的WebElement实例，再调用元素方法即可：

const element = await driver.findElementWithHighlight(someLocator);
await element.click();

方案2：优化自定义方法的冗余逻辑 #

你原来的方法里两次调用findElement属于冗余操作，拿到元素之后直接返回即可：

driver.findElementWithHighlight = async (locator) => {
  const element = await driver.findElement(locator);
  await driver.executeScript("arguments[0].style.border='3px solid red'", element);
  // 直接返回已经拿到的元素，不用二次查询
  return element;
};

方案3：保留链式调用写法 #

如果要完全对齐原生findElement的链式调用体验，你可以封装返回WebElementPromise，直接使用Selenium自带的WebElementPromise包装返回值即可。

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