react-testing-library - 为什么 getByRole 在这种情况下不起作用？

Question

我很难理解为什么我的断言不起作用。

这是DOM：

<h4>
  <span aria-hidden="true">foo</span>
  <span>bar</span>
</h4>

这是我的断言：

screen.getByRole('heading', { name: /foo/i, hidden: true })

我已阅读有关隐藏标志的文档，但我仍然无法理解为什么这不起作用。

有任何想法吗？

Answer 1

我认为问题在于您设置 aria-hidden 属性的位置，因为它没有设置为具有标题角色的 h1。

当在 h1 标记中设置 aria-hidden 时，我做了一个CodeSandBox 演示，测试失败。