You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何查找React Testing Library中getByRole各元素的可用属性及文档?

React Testing Library getByRole 可用选项查询指南

你要找的每种元素角色对应的可用筛选选项,官方文档是存在的,核心来源是React Testing Library底层依赖的**@testing-library/dom**库的角色查询说明。

具体细节:

  • getByRole的筛选逻辑完全遵循WAI-ARIA角色定义,每个角色支持的选项对应它的语义属性或特征
  • 比如你提到的heading角色支持level参数,对应<h1>到<h6>的层级;radio角色支持name参数,对应元素的关联标签文本、aria-label或aria-labelledby的内容
  • 所有角色的可用筛选参数,都可以在@testing-library/dom的文档中找到,里面会针对每个角色列出支持的所有查询选项,比如selected(用于下拉选项、标签页这类角色)、checked(用于复选框、单选框)、disabled等

React Testing Library本身的官方文档会引导到这个底层库的文档,因为它的查询能力都是基于@testing-library/dom实现的。

内容的提问来源于stack exchange,提问作者dadsa

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.05 19:31:07