testing-library-recorder-extension icon indicating copy to clipboard operation
testing-library-recorder-extension copied to clipboard

Add support for text and xpath selectors

Open jecfish opened this issue 2 years ago • 1 comments

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"
        ]
      ]
    }
Screen Shot 2022-10-16 at 9 35 19 AM

jecfish avatar Oct 16 '22 07:10 jecfish

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.

nickserv avatar Oct 17 '22 01:10 nickserv