如何查找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
相关产品推荐
相关产品推荐

