• @testing-library/jest-dom version: ^6.6.3
• Testing Framework and version: Vitest (3.0.1)
• DOM Environment: jsdom 26.0.0

Relevant code or config:

HTML looks like that:

<button aria-label="Delete" class="css-18cu5b5" data-rac="" data-testid="delete-button-0" id="react-aria-:r6:" type="button" > <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" > ... </svg> </button> 

What you did:

await userEvent.click(screen.getByTestId('delete-button-0'));

What happened:

Since I updated jsdom to 26.0.0 I get SyntaxError: 'button#react-aria-:r22:.css-ofddhz svg' is not a valid selector.

The id seems to be valid and is generated by react-aria.

Reproduction:

Problem description:

According to react-aria this is a valid id.

adobe/react-spectrum#7624 (reply in thread)

Suggested solution: