[Feature] Add byRole selector

[pavelfeldman]

Extracted from #11145

https://testing-library.com/docs/queries/byrole/

[kevin940726]

Just found this, and I want to shamelessly plug my experimental library role-selector here. It uses the @testing-library/dom under the hood to query the elements and compute their accessible attributes. An example selector will look like the following:

page.locator('role=button[name="My button"]');

Although the library will technically work in puppeteer or even jsdom, it's designed with playwright in mind, thus intentionally not implementing duplicated features like byText or visible, which can be chained with >>.

The selector syntax is similar to the React selectors or the Vue selectors but only supports accessible attributes. It can also use regex for strings to create the selector.

The library is still under development, but I plan to experiment with it in gutenberg's e2e test suites when we migrate to playwright (soon).

[kevin940726]

Just want to update that we're now using the official built-in role selectors in Playwright and it works perfectly fine migrating from the role-selector package!

[mxschmitt]

Closing as per above, seems to be working as it is for a large customer.