Implement text selectors

[robingustafsson]

Add support for querying the DOM using text selectors, looking for element(s) based on text that is shown to end-users as part of presenting element(s), eg. page.click('text=Log in');, regex based page.click('text=/Log\\s*in/i'); or simply page.click('"Log in"');

Supporting text based selectors are important from the perspective of test stability, it's a way to specify "non-flaky" selectors that match on the text of an element rather than it's DOM specifics (element type or location in DOM).

Relevant links:

• Playwright docs: https://playwright.dev/docs/selectors#text-selector
• Playwright source: https://github.com/microsoft/playwright/blob/master/packages/playwright-core/src/server/injected/selectorEvaluator.ts#L426 (lax), https://github.com/microsoft/playwright/blob/master/packages/playwright-core/src/server/injected/selectorEvaluator.ts#L435 (strict) and https://github.com/microsoft/playwright/blob/master/packages/playwright-core/src/server/injected/selectorEvaluator.ts#L444 (regex based)
  • See also how the above are wrapped and exposed via the injected JS script: https://github.com/microsoft/playwright/blob/master/packages/playwright-core/src/server/injected/injectedScript.ts#L235

[imiric]

Just to point out that until this is implemented, it can be worked around with XPath selectors and text(), e.g. //button[text()="Submit"].

[eugercek]

Hi, I would like to work on the issue if it's ok.