如何查找不同元素的 getByRole 可用的属性？

Question

当使用 React 测试库编写单元测试时，我们可以通过元素的角色来访问元素getByRole。

例如，如果元素是heading，则它有level选项：

const headingNode = screen.getByRole('heading', { level: 3 });

或者如果是的话radio它有name：

 const radioNode = screen.getByRole('radio', { name: 'high'});

我的问题是，在哪里可以找到每种类型的所有可能选项？有这方面的文档吗？没找到。

Answer 1

相应查询的文档中对此进行了描述：

在这里您可以看到一个 HTML 元素表以及它们的默认角色和所需角色。