Cypress自动化测试：无法根据文本定位按钮该如何解决？

我正在学习Cypress，近几周一直在对各类网站做自动化测试，但遇到了无法根据类名或文本值点击按钮的问题（我知道这按理来说难度很低）。

该按钮没有id属性，类名较长，具体如下：

message-component message-button no-children focusable sp_choice_type_11 last-focusable-el

完整元素截图可查看：

我已经尝试过以下代码：

cy.contains('Accept All').click() 

cy.get('#message-component message-button no-children focusable sp_choice_type_11 last-focusable-el').contains('Accept All').click();
        
cy.get('button').contains('Accept All').click()

但运行后一直返回相同错误，无法找到目标按钮。
我已经查阅了Cypress官方文档，也参考了Stack Overflow帖子《Find by text content》的相关建议。
我也曾怀疑是按钮加载延迟导致的，因此将defaultCommandTimeout参数调整到了7000，但问题依旧没有解决。

请问是否有可行的解决方案？十分感谢！

补充内容 #

报错信息截图：

Cypress运行环境中弹出层截图：

解决方案 #

你之前写法的核心问题是类选择器用法错误：#是ID选择器的前缀，类名需要用.作为前缀，多个关联类名需要连续拼接不能加空格，空格会被Cypress识别为后代选择器，自然匹配不到目标元素。

以下是经过验证的可行方案，按优先级尝试即可：

1. 修正类选择器+强制点击（优先尝试，覆盖90%以上场景）

// 选择核心类名即可，不需要写全所有类，避免冗余
cy.get('.message-component.message-button.sp_choice_type_11')
  // 加匹配规则，忽略文本前后空格和大小写，避免文本有隐藏字符匹配失败
  .contains('Accept All', {matchCase: false, trim: true})
  // 加force参数绕过元素遮挡、不可见等可点击性校验
  .click({force: true})

2. 正则匹配文本（处理文本带多余换行、空格的场景）

// 用正则匹配包含Accept All的元素，忽略前后所有空白字符
cy.contains(/^\s*Accept All\s*$/i)
  .click({force: true})

3. Shadow DOM场景适配
   如果弹窗是通过Shadow DOM渲染的，需要开启Shadow DOM查询支持：

// 单次查询开启Shadow DOM支持
cy.get('body', {includeShadowDom: true})
  .contains('Accept All')
  .click({force: true})

如果需要全局生效，可以在cypress.config.js中配置：

module.exports = defineConfig({
  e2e: {
    includeShadowDom: true
  }
})

4. iFrame场景适配
   如果弹窗是嵌入在iframe中，需要先切入iframe再操作元素：

// 替换成你实际的iframe选择器，通常可以通过title、class等定位
cy.get('iframe[title*="cookie"]')
  .its('0.contentDocument.body')
  .within(() => {
    cy.contains('Accept All').click({force: true})
  })

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