Unable to find role

• @testing-library/react version: 11.2.0
• Testing Framework and version: Jest (CRA) 26.6.0
• DOM Environment: jsdom

Problem description:

Unable to find role="execute-button000"

It says it can’t find that role, but as you can see in the debug print, it clearly exists in the DOM. This also fails for screen.findByRole

This seems to be happening to any component I add a custom role to, and was working in previous versions.

[gabrielliwerant]

This fails for valid roles as well. It’s overeager in ignoring roles. For example, when creating “listbox” roles out of lists for selects that don’t use the native element, as is standard in many UI libraries like material-ui. Frankly, the opinionated nature of testing-library is highly frustrating because it edges out all kinds of valid, common use cases. I’d like to decide as the dev and designer when a role is valid or not, not a library.

These decisions are basically forcing me into data-testids.

[brendan-donegan]

But your button should have an aria-label for screen readers so why not just add one, like ‘Execute’ for example? Then you could do getByRole('button', { name: 'Execute' });

On Thu, 19 Nov 2020 at 17:46, ngoble-phdata [e-mail] wrote:

Yeah I understand now from your previous comment that it’s not a valid accessibility role. I’m having a hard time targeting this because it’s a button with an SVG as the content, so I can’t use text within the button to target it.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/testing-library/react-testing-library/issues/835#issuecomment-730534909, or unsubscribe https://github.com/notifications/unsubscribe-auth/AASLMLWEGX6PPFITICY6K6TSQVKZFANCNFSM4T3WB73A .