如何使用Cypress点击“Yes”按钮？已尝试多种方法仍未解决

针对你遇到的问题，试试下面几种方法，覆盖大部分常见的无法点击场景：

• 确认选择器准确性
  先在浏览器控制台用document.querySelector()验证你的选择器是否能定位到按钮。比如如果按钮文本是“Yes”，直接用文本定位更可靠：

  cy.contains('Yes').click()
  

  如果按钮有专属属性（比如data-testid），优先用属性选择器：

  cy.get('[data-testid="confirm-yes-btn"]').click()
  

• 确保元素可交互
  有时候元素已经渲染但还没处于可点击状态，加上断言等待元素就绪：

  cy.contains('Yes').should('be.visible').should('be.enabled').click()
  

• 处理iframe嵌套场景
  如果按钮在iframe内部，需要先切换到iframe上下文再操作：

  cy.get('iframe').then($iframe => {
    const iframeBody = $iframe.contents().find('body')
    cy.wrap(iframeBody).contains('Yes').click()
  })
  

• 强制点击或模拟原生事件
  若元素有样式遮挡、事件绑定异常，尝试强制点击或触发原生点击事件：

  // 强制点击忽略遮挡
  cy.contains('Yes').click({ force: true })
  
  // 模拟原生click事件
  cy.get('button:contains("Yes")').trigger('click')
  

• 等待遮罩层消失
  如果页面有加载遮罩层覆盖按钮，先等待遮罩消失再操作：

  cy.get('.loading-overlay').should('not.be.visible')
  cy.contains('Yes').click()
  

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