testing-library-recorder-extension
testing-library-recorder-extension copied to clipboard
Add support for text and xpath selectors
DevTools Recorder support text and XPath selector from Chrome 108 onwards. I am wondering if there are similar selector in Nightwatch?
Here is the example step's json.
{
"type": "click",
"target": "main",
"selectors": [
[
"aria/Proceed to checkout"
],
[
"[data-test=checkout]"
],
[
"xpath///*[@data-test=\"checkout\"]"
],
[
"text/Total: $0.00"
]
]
}

This recorder extension is designed to work with Jest and Vitest (soon), so we assume something like JSDOM is implementing DOM APIs. We could use document.evaluate
to implement getElementByXpath
, as long as the DOM implementation supports this. Otherwise, we could run tests directly in a real browser with something like Karma, Puppeteer, or Playwright.