getByRole should not find the element with user custom and invalid ARIA role.

• @testing-library/dom version: -
• Testing Framework and version: -
• DOM Environment: https://testing-playground.com/

Relevant code or config:

<div role='item'>
  apple
</div>

// query
screen.getByRole('item')

What happened:

The testing playground query the element successfully and told me the div element has an "item" role.

Problem description:

But the "item" role is not a pre-defined ARIA role, so I expect that screen.getByRole('item') should not find the element.

Start from the getByRole('item') query shown in the issue and inspect how @testing-library/dom validates ARIA roles. Compare the behavior with the predefined roles linked in the issue, then add or update a regression test for an element using the custom invalid role; done means the query no longer finds it.