能否对type=search类型的input元素使用findByRole查询方法？

这不是测试工具的功能限制，是ARIA角色的默认映射规则和认知偏差导致的：

• <input type="search"> 的隐式默认ARIA角色是searchbox，不是search，所以查询role='search'自然匹配不到目标元素。
• search属于ARIA地标角色，作用是标记页面上一整块承载搜索功能的区域容器，通常要配置在包裹输入框、搜索按钮的<form>或外层区块元素上，单个输入框默认不会携带这个角色。

选中独立搜索输入框 #

直接把查询的角色值改为searchbox即可匹配到设置了type=search的独立输入框：

cy.findByRole('searchbox').click().clear().type(content);

如果页面存在多个搜索类输入框，建议给目标输入框添加可访问名称（比如aria-label、关联可见label），通过name选项精准定位，避免误选：

// 组件侧代码
<input type="search" aria-label="文章内容搜索" />

// 测试侧查询代码
cy.findByRole('searchbox', { name: '文章内容搜索' }).click().clear().type(content);

关于search角色的正确用法 #

如果你需要标记整个搜索功能区块，可以把search角色加在外层容器上，例如：

<form role="search">
  <input type="search" placeholder="输入关键词" />
  <button type="submit">搜索</button>
</form>

此时才能通过findByRole('search')选中整个搜索区域容器，而非单个输入框。

react-testing-library/Cypress Testing Library的角色查询完全遵循WAI-ARIA规范与浏览器原生的隐式角色映射逻辑，查询结果和屏幕阅读器的实际识别结果保持一致，不存在角色识别偏差。

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