WebdriverIO中无法调用删除弹窗确认按钮选择器的问题

以下是针对你的问题的具体排查和解决建议：

• 修正选择器语法：你当前的选择器$('._2J_WQVWjOaHLaSA4LDlmG1 m0xCx9Ui2ujSd429JXRKK')使用空格分隔两个类名，这表示后代选择器（寻找拥有第二个类的子元素）。如果这两个类属于同一个按钮元素，应该用.连接，修正为：

  export const yesRemoveSponsoredProduct = () => $('._2J_WQVWjOaHLaSA4LDlmG1.m0xCx9Ui2ujSd429JXRKK');
  

  这是最可能导致定位失败的原因，因为控制台用document.querySelector时应该是用.连接的类名。

• 确保等待模态框完全渲染：模态框通常是动态加载的，建议先等待模态框容器显示，再等待按钮可点击：

  // 假设模态框容器的选择器是.modal-container
  await $('div.modal-container').waitForDisplayed({ timeout: 5000 });
  const removeBtn = yesRemoveSponsoredProduct();
  await removeBtn.waitForClickable({ timeout: 3000 });
  await removeBtn.click();
  

• 尝试强制点击或原生JS点击：如果按钮存在但因遮挡、样式问题无法触发点击，可尝试：

  • 强制点击：

    await yesRemoveSponsoredProduct().click({ force: true });
    

  • 执行原生JavaScript点击（模拟用户真实点击）：

    await browser.execute(() => {
      const btn = document.querySelector('._2J_WQVWjOaHLaSA4LDlmG1.m0xCx9Ui2ujSd429JXRKK');
      if (btn) btn.click();
    });
    

• 检查是否存在iframe嵌套：如果模态框内容嵌入在iframe中，必须先切换到对应iframe才能定位元素：

  const iframe = $('iframe.modal-iframe');
  await browser.switchToFrame(iframe);
  await yesRemoveSponsoredProduct().click();
  // 操作完成后切回主文档
  await browser.switchToFrame(null);
  

• 验证元素状态：确认元素是否真的可见且可交互，在代码中添加日志排查：

  const btn = yesRemoveSponsoredProduct();
  console.log('元素是否存在:', await btn.isExisting());
  console.log('元素是否可见:', await btn.isDisplayed());
  console.log('元素是否可点击:', await btn.isClickable());
  

内容的提问来源于stack exchange，提问作者Gustavo Berón