为何Protractor中isDisplayed返回‘未找到元素’而非布尔值？

这个问题我之前踩过坑！核心原因是Protractor的isDisplayed()方法的设计逻辑：它只在元素已经存在于DOM中的前提下，才会返回布尔值来表示元素是否可见；如果元素压根就找不到，它不会返回false，而是直接抛出NoSuchElementError异常。

你写的方法isElementDisplayed(element: ElementFinder) { return element.isDisplayed(); }之所以出问题，是因为isDisplayed()本身是异步的（返回Promise），而且一旦元素不存在就会报错，而不是给出你预期的布尔结果。

解决办法 #

下面给你几种可行的方案，根据你的场景选择：

1. 先检查元素存在性，再判断可见性 #

先通过isPresent()确认元素是否在DOM中，再决定是否调用isDisplayed()：

async isElementDisplayed(element: ElementFinder): Promise<boolean> {
  const elementExists = await element.isPresent();
  return elementExists ? await element.isDisplayed() : false;
}

💡 注意：一定要用async/await处理异步操作，否则你拿到的会是Promise对象，不是实际的布尔值。调用这个方法的时候也要用await：

const result = await isElementDisplayed(myElement);

2. 用try-catch捕获异常，转为false #

直接尝试调用isDisplayed()，如果捕获到“未找到元素”的异常，就返回false，其他异常正常抛出避免隐藏问题：

async isElementDisplayed(element: ElementFinder): Promise<boolean> {
  try {
    return await element.isDisplayed();
  } catch (error) {
    // 判断是否是元素不存在的错误
    if (error.name === 'NoSuchElementError') {
      return false;
    }
    // 其他类型的错误继续抛出，不隐藏问题
    throw error;
  }
}

3. 结合ExpectedConditions等待元素可见 #

如果需要等待元素可能出现的场景，可以用Protractor内置的ExpectedConditions来判断：

import { ExpectedConditions as EC } from 'protractor';

async isElementDisplayed(element: ElementFinder): Promise<boolean> {
  try {
    // 等待1秒，看元素是否变为可见
    await browser.wait(EC.visibilityOf(element), 1000);
    return true;
  } catch {
    return false;
  }
}

这个方法会等待指定时间（这里是1秒），如果元素在这段时间内变为可见就返回true，否则返回false。

额外提醒 #

• 先确认你的元素定位器是否正确！如果定位器本身就找不到元素，不管哪种方法都会返回false，这时候要先排查定位器的问题。
• Protractor的所有元素操作都是异步的，一定要用async/await或者Promise链式调用处理，不然很容易出现逻辑错误。

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