如何实现找到按钮则点击，未找到则继续执行测试脚本？

你需要的是这样的测试逻辑：页面上有指定按钮就点击，没有就直接跳过，不影响后续测试执行。之前的写法之所以会报错，是因为当元素不存在时，调用isVisible()这类方法会直接抛出元素未找到的异常，导致测试中断。

下面是几种可行的解决思路和代码示例：

思路1：先查找元素列表（无异常），再判断是否可见 #

这种方式通过查找所有匹配的元素（即使没有也会返回空数组，不会报错），再判断数组长度和元素可见性：

WebDriverIO 示例 #

// 查找所有匹配的按钮元素
const showMoreButtons = await dashboardPage.$$(showMoreReposButton);
// 如果有元素且第一个元素可见，就点击
if (showMoreButtons.length > 0 && await showMoreButtons[0].isDisplayed()) {
  await showMoreButtons[0].click();
}
// 直接执行后续测试步骤，不受前面结果影响

思路2：用try-catch捕获异常 #

直接尝试获取元素并判断可见性，捕获“元素未找到”的异常，忽略后继续执行：

异步/await 版本 #

try {
  const targetButton = await dashboardPage.$(showMoreReposButton);
  if (await targetButton.isDisplayed()) {
    await targetButton.click();
  }
} catch (error) {
  // 元素不存在或其他异常，直接忽略，不中断测试
}
// 继续后续测试逻辑

回调版本（适配旧写法） #

dashboardPage.element(showMoreReposButton, function(err, element) {
  if (!err) {
    element.isVisible(function(visErr, result) {
      if (!visErr && result.value) {
        element.click();
      }
    });
  }
});
// 后续测试步骤正常执行

思路3：Cypress 环境下的写法 #

Cypress 可以通过判断body内是否存在目标元素来实现：

cy.get('body').then($body => {
  if ($body.find(showMoreReposButton).length > 0) {
    cy.get(showMoreReposButton).click();
  }
});
// 后续测试不受影响

核心逻辑总结：不要直接对可能不存在的元素调用可见性判断方法，要么先通过无异常的方式确认元素存在，要么用异常捕获来忽略元素未找到的错误，这样就能保证测试在按钮不存在时也能继续执行。

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