Add support for text and XPath selector

[jecfish]

DevTools Recorder support text and XPath selector from Chrome 108 onwards. I am wondering if there are similar selector in WebdriverIO?

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"
        ]
      ]
    }

[christian-bromann]

Oh awesome.

Right now WebdriverIO prefers aria selectors aria/... and creates an xPath from it based on the conditions described in the w3c protocol. We could change the current implementation to prefer the xPath if given by Chrome.

[christian-bromann]

Implemented that xPath is preferred selector after id and before aria label, given that aria labels are IMO less deterministic than xPaths. Thanks for filing the issue.