Querying hidden dialog by name fails

[axelboc]

• @testing-library/dom version: 7.30.0
• Testing Framework and version:
  • Jest: 26.6.0
• DOM Environment:
  • JSDOM: 16.4.0

Relevant code or config:

export default () => (
  <>
    <div role="dialog" aria-label="Visible" />
    <div role="dialog" aria-label="Hidden" hidden />
  </>
);

What you did:

// This passes
expect(getByRole("dialog", { name: "Visible" })).toBeVisible();
expect(queryByRole("dialog", { name: "Hidden" })).toBeNull();
expect(queryAllByRole("dialog", { hidden: true })).toHaveLength(2);

// This fails
expect(getByRole("dialog", { name: "Hidden", hidden: true })).not.toBeVisible();

What happened:

Unable to find an element with the role "dialog" and name "Hidden"

Reproduction:

https://codesandbox.io/s/react-testing-library-demo-forked-imxvc?file=/src/hello.js

Problem description:

getByRole and the like don't seem to be able to find hidden dialogs by name.

[eps1lon]

Duplicate of #846