getByRole cannot query input type=text with happy-dom

[frankandrobot]

• @testing-library/dom version: 8.11.3
• Testing Framework and version:
• jest: 27.4.7

• DOM Environment: happy-dom@3.1.1

Relevant code or config:

// UI
      <input
        defaultValue="hello"
        aria-label="name"
        id="name"
        style={{ maxWidth: "280px" }}
        type="text"
      />

// test
  expect(screen.getByRole("textbox", { name: /name/i }));

What you did:

• If you switch to jsdom, it works!
• But with happy-dom, dom-testing-library says that the textbox is a searchbox

What happened:

    TestingLibraryElementError: Unable to find an accessible element with the role "textbox" and name `/name/i`

    Here are the accessible roles:

      searchbox:

      Name "name":
      <input
        aria-label="name"
        defaultvalue="hello"
        id="name"
        style="max-width: 280px;"
        type="text"
      />

Reproduction:

• https://gitlab.com/robotandkid/the-sandbox/-/tree/bug/happy-dom/happy-dom-test
• Run yarn jest

Problem description:

• It's a textbox, not a searchbox!
• Note that checkboxes have the same problem

Suggested solution:

[timdeschryver]

This has been working for a while now with JSDOM and in browsers. It's most likely that this is happy-dom's side.

1122 is related.