webdriverio 7.23.0 → 7.24.0

package/build/constants.d.ts

@@ -10,5 +10,6 @@ export declare const DRIVER_DEFAULT_ENDPOINT: {
 };
 export declare const FF_REMOTE_DEBUG_ARG = "-remote-debugging-port";
 export declare const DEEP_SELECTOR = ">>>";
+export declare const ARIA_SELECTOR = "aria/";
 export declare const ERROR_REASON: string[];
 //# sourceMappingURL=constants.d.ts.map

package/build/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAqC,MAAM,aAAa,CAAA;AA4B7E,eAAO,MAAM,WAAW,wCAAwC,CAAA;AAEhE,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,CAuQtF,CAAA;AAED,eAAO,MAAM,uBAAuB,UAA0E,CAAA;AAE9G,eAAO,MAAM,uBAAuB;;;;;CAKnC,CAAA;AAED,eAAO,MAAM,mBAAmB,2BAA2B,CAAA;AAC3D,eAAO,MAAM,aAAa,QAAQ,CAAA;AAElC,eAAO,MAAM,YAAY,UAKxB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAqC,MAAM,aAAa,CAAA;AA4B7E,eAAO,MAAM,WAAW,wCAAwC,CAAA;AAEhE,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,CAuQtF,CAAA;AAED,eAAO,MAAM,uBAAuB,UAA0E,CAAA;AAE9G,eAAO,MAAM,uBAAuB;;;;;CAKnC,CAAA;AAED,eAAO,MAAM,mBAAmB,2BAA2B,CAAA;AAC3D,eAAO,MAAM,aAAa,QAAQ,CAAA;AAClC,eAAO,MAAM,aAAa,UAAU,CAAA;AAEpC,eAAO,MAAM,YAAY,UAKxB,CAAA"}

package/build/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ERROR_REASON = exports.DEEP_SELECTOR = exports.FF_REMOTE_DEBUG_ARG = exports.DRIVER_DEFAULT_ENDPOINT = exports.W3C_SELECTOR_STRATEGIES = exports.WDIO_DEFAULTS = exports.ELEMENT_KEY = void 0;
+exports.ERROR_REASON = exports.ARIA_SELECTOR = exports.DEEP_SELECTOR = exports.FF_REMOTE_DEBUG_ARG = exports.DRIVER_DEFAULT_ENDPOINT = exports.W3C_SELECTOR_STRATEGIES = exports.WDIO_DEFAULTS = exports.ELEMENT_KEY = void 0;
 /* istanbul ignore next */
 const HOOK_DEFINITION = {
     type: 'object',
@@ -279,6 +279,7 @@ exports.DRIVER_DEFAULT_ENDPOINT = {
 };
 exports.FF_REMOTE_DEBUG_ARG = '-remote-debugging-port';
 exports.DEEP_SELECTOR = '>>>';
+exports.ARIA_SELECTOR = 'aria/';
 exports.ERROR_REASON = [
     'Failed', 'Aborted', 'TimedOut', 'AccessDenied', 'ConnectionClosed',
     'ConnectionReset', 'ConnectionRefused', 'ConnectionAborted',

package/build/scripts/isElementDisplayed.js

@@ -70,7 +70,7 @@ function isElementDisplayed(element) {
         // if document-fragment, skip it and use element.host instead. This happens
         // when the element is inside a shadow root.
         // window.getComputedStyle errors on document-fragment.
-        if (element instanceof DocumentFragment) {
+        if (element instanceof ShadowRoot) {
             element = element.host;
         }
         let computedStyle = window.getComputedStyle(element);

package/build/utils/findStrategy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"findStrategy.d.ts","sourceRoot":"","sources":["../../src/utils/findStrategy.ts"],"names":[],"mappings":"AA4BA,aAAK,gBAAgB,GAAG,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAuF/D,eAAO,MAAM,YAAY,aAAuB,gBAAgB,UAAU,OAAO,aAAa,OAAO;;;CAoIpG,CAAA"}
+{"version":3,"file":"findStrategy.d.ts","sourceRoot":"","sources":["../../src/utils/findStrategy.ts"],"names":[],"mappings":"AA4BA,aAAK,gBAAgB,GAAG,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AA2F/D,eAAO,MAAM,YAAY,aAAuB,gBAAgB,UAAU,OAAO,aAAa,OAAO;;;CAuKpG,CAAA"}

package/build/utils/findStrategy.js

@@ -71,6 +71,10 @@ const defineStrategy = function (selector) {
     if (stringSelector.startsWith(constants_1.DEEP_SELECTOR)) {
         return 'shadow';
     }
+    // use aria selector
+    if (stringSelector.startsWith(constants_1.ARIA_SELECTOR)) {
+        return 'aria';
+    }
     // Recursive element search using the UiAutomator library (Android only)
     if (stringSelector.startsWith('android=')) {
         return '-android uiautomator';
@@ -151,6 +155,41 @@ const findStrategy = function (selector, isW3C, isMobile) {
             using = 'shadow';
             value = stringSelector.slice(constants_1.DEEP_SELECTOR.length);
             break;
+        case 'aria': {
+            const label = stringSelector.slice(constants_1.ARIA_SELECTOR.length);
+            const conditions = [
+                // aria label is recevied by other element with aria-labelledBy
+                // https://www.w3.org/TR/accname-1.1/#step2B
+                `.//*[@aria-labelledby=(//*[normalize-space() = "${label}"]/@id)]`,
+                // aria label is recevied by other element with aria-labelledBy
+                // https://www.w3.org/TR/accname-1.1/#step2B
+                `.//*[@aria-describedby=(//*[normalize-space() = "${label}"]/@id)]`,
+                // element has direct aria label
+                // https://www.w3.org/TR/accname-1.1/#step2C
+                `.//*[@aria-label = "${label}"]`,
+                // inputs with a label
+                // https://www.w3.org/TR/accname-1.1/#step2D
+                `.//input[@id = (//label[normalize-space() = "${label}"]/@for)]`,
+                // aria label is received by an input placeholder
+                // https://www.w3.org/TR/accname-1.1/#step2D
+                `.//input[@placeholder="${label}"]`,
+                // aria label is received by an input placeholder
+                // https://www.w3.org/TR/accname-1.1/#step2D
+                `.//input[@aria-placeholder="${label}"]`,
+                // aria label is received by its title attribute
+                // https://www.w3.org/TR/accname-1.1/#step2D
+                `.//*[@title="${label}"]`,
+                // images with an alt tag
+                // https://www.w3.org/TR/accname-1.1/#step2D
+                `.//img[@alt="${label}"]`,
+                // aria label is received from element content
+                // https://www.w3.org/TR/accname-1.1/#step2G
+                `.//*[normalize-space() = "${label}"]`
+            ];
+            using = 'xpath';
+            value = `(${conditions.join(' | ')})[1]`;
+            break;
+        }
         case '-android uiautomator': {
             using = '-android uiautomator';
             value = stringSelector.slice(8);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "webdriverio",
   "description": "Next-gen browser and mobile automation test framework for Node.js",
-  "version": "7.23.0",
+  "version": "7.24.0",
   "homepage": "https://webdriver.io",
   "author": "Christian Bromann <mail@bromann.dev>",
   "license": "MIT",
@@ -57,18 +57,18 @@
   "dependencies": {
     "@types/aria-query": "^5.0.0",
     "@types/node": "^18.0.0",
-    "@wdio/config": "7.23.0",
+    "@wdio/config": "7.24.0",
     "@wdio/logger": "7.19.0",
     "@wdio/protocols": "7.22.0",
-    "@wdio/repl": "7.23.0",
-    "@wdio/types": "7.23.0",
-    "@wdio/utils": "7.23.0",
+    "@wdio/repl": "7.24.0",
+    "@wdio/types": "7.24.0",
+    "@wdio/utils": "7.24.0",
     "archiver": "^5.0.0",
     "aria-query": "^5.0.0",
     "css-shorthand-properties": "^1.1.1",
     "css-value": "^0.0.1",
-    "devtools": "7.23.0",
-    "devtools-protocol": "^0.0.1034970",
+    "devtools": "7.24.0",
+    "devtools-protocol": "^0.0.1040073",
     "fs-extra": "^10.0.0",
     "grapheme-splitter": "^1.0.2",
     "lodash.clonedeep": "^4.5.0",
@@ -81,7 +81,7 @@
     "resq": "^1.9.1",
     "rgb2hex": "0.2.5",
     "serialize-error": "^8.0.0",
-    "webdriver": "7.23.0"
+    "webdriver": "7.24.0"
   },
-  "gitHead": "00407ba4e1b414c38195789c748bbad69df1b26d"
+  "gitHead": "cf88ab19bcd0d097ebf00fb812fcbfd1caef9705"
 }