query selector fails with jsdom 26.0.0 to find for button#react-aria-:r22:.css-ofddhz svg

[kolorfilm]

• @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:

[kolorfilm]

Wrong package. Created here: testing-library/jest-dom#661