这可能是预期的行为，但我想确保，如果是这样的话，找到一种替代方法。
假设有一个react元素
<span role="presentation" className="ag-hidden">
其中ag-hidden在样式表中定义为.ag-hidden { visibility: hidden; }或display: none。
样式表被注入到DOM中。

• screen.getAllByRole("presentation")不返回元素。
• 如果样式表从DOM中删除，则会找到该元素。
• 通过test id找到类似的隐藏元素，如下所示：

<span data-test="el" className="ag-hidden">
我想使用以下方法，但它的工作原理很奇怪：

const selector = ".ag-hidden"l
const hiddenByRoleAndSelector = screen.queryByRole("presentation", {
  name: (_: string, el: Element) => {
    // the required element gets here, and it matches the selector
    console.log("n", el.matches(selector), el);
    // so we return true for it
    return el.matches(selector);
  }
});

// ...but eventually get null

那么，我应该如何测试被样式隐藏的元素呢？（不要总是求助于test-id或可本地化的标签、文本等）
Here is the codesandbox demo。