webdriverio 8.0.0-alpha.240 → 8.0.0-alpha.327

package/build/commands/browser/$$.d.ts

@@ -1,3 +1,4 @@
+import type { ElementReference } from '@wdio/protocols';
 import type { Selector, ElementArray } from '../../types';
 /**
  * The `$$` command is a short way to call the [`findElements`](/docs/api/webdriver#findelements) command in order
@@ -38,6 +39,14 @@ import type { Selector, ElementArray } from '../../types';
         })[0];
         console.log(await text.$$('li')[2].$('a').getText()); // outputs: "API"
     });
+
+    it('can create element array out of single elements', async () => {
+        const red = await $('.red');
+        const green = await $('.green');
+        const elems = $$([red, green]);
+        console.log(await elems.map((e) => e.getAttribute('class')));
+        // returns "[ 'box red ui-droppable', 'box green' ]"
+    });
  * </example>
  *
  * @alias $$
@@ -46,5 +55,5 @@ import type { Selector, ElementArray } from '../../types';
  * @type utility
  *
  */
-export default function $$(this: WebdriverIO.Browser | WebdriverIO.Element, selector: Selector): Promise<ElementArray>;
+export default function $$(this: WebdriverIO.Browser | WebdriverIO.Element, selector: Selector | ElementReference[] | WebdriverIO.Element[]): Promise<ElementArray>;
 //# sourceMappingURL=$$.d.ts.map

package/build/commands/browser/$$.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"$$.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/$$.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAA8B,EAAE,CAC5B,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,EAC/C,QAAQ,EAAE,QAAQ,yBAKrB"}
+{"version":3,"file":"$$.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/$$.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAIvD,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,wBAA8B,EAAE,CAC5B,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,EAC/C,QAAQ,EAAE,QAAQ,GAAG,gBAAgB,EAAE,GAAG,WAAW,CAAC,OAAO,EAAE,yBAOlE"}

package/build/commands/browser/$$.js

@@ -39,6 +39,14 @@ import { getElements } from '../../utils/getElementObject.js';
         })[0];
         console.log(await text.$$('li')[2].$('a').getText()); // outputs: "API"
     });
+
+    it('can create element array out of single elements', async () => {
+        const red = await $('.red');
+        const green = await $('.green');
+        const elems = $$([red, green]);
+        console.log(await elems.map((e) => e.getAttribute('class')));
+        // returns "[ 'box red ui-droppable', 'box green' ]"
+    });
  * </example>
  *
  * @alias $$
@@ -48,7 +56,9 @@ import { getElements } from '../../utils/getElementObject.js';
  *
  */
 export default async function $$(selector) {
-    const res = await findElements.call(this, selector);
+    const res = Array.isArray(selector)
+        ? selector
+        : await findElements.call(this, selector);
     const elements = await getElements.call(this, selector, res);
     return enhanceElementsArray(elements, this, selector);
 }

package/build/commands/browser/custom$.d.ts

@@ -6,7 +6,7 @@
     :example.js
     it('should fetch the project title', async () => {
         await browser.url('https://webdriver.io')
-        await browser.addLocatorStrategy('myStrat', (selector) => {
+        browser.addLocatorStrategy('myStrat', (selector) => {
             return document.querySelectorAll(selector)
         })
 

package/build/commands/browser/custom$.js

@@ -8,7 +8,7 @@ import { ELEMENT_KEY } from '../../constants.js';
     :example.js
     it('should fetch the project title', async () => {
         await browser.url('https://webdriver.io')
-        await browser.addLocatorStrategy('myStrat', (selector) => {
+        browser.addLocatorStrategy('myStrat', (selector) => {
             return document.querySelectorAll(selector)
         })
 

package/build/commands/browser/mock.d.ts

@@ -18,9 +18,10 @@ export declare const SESSION_MOCKS: Record<string, Set<Interception>>;
  *
  * :::info
  *
- * Note that using the `mock` command requires support for Chrome DevTools protocol and e.g.
- * can not be used when running automated tests in the cloud. Find out more in the
- * [Automation Protocols](/docs/automationProtocols) section.
+ * Note that using the `mock` command requires support for Chrome DevTools protocol.
+ * That support is given if you run tests locally in Chromium based browser or if
+ * you use a Selenium Grid v4 or higher. This command can __not__ be used when running
+ * automated tests in the cloud. Find out more in the [Automation Protocols](/docs/automationProtocols) section.
  *
  * :::
  *

package/build/commands/browser/mock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/mock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,mCAAmC,CAAA;AAIjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,YAAY,CAAC,CAAM,CAAA;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,wBAA8B,IAAI,CAC9B,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,GAAG,EAAE,MAAM,GAAG,MAAM,EACpB,aAAa,CAAC,EAAE,iBAAiB,iBA6DpC"}
+{"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/mock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,mCAAmC,CAAA;AAIjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,YAAY,CAAC,CAAM,CAAA;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyGG;AACH,wBAA8B,IAAI,CAC9B,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,GAAG,EAAE,MAAM,GAAG,MAAM,EACpB,aAAa,CAAC,EAAE,iBAAiB,iBA6DpC"}

package/build/commands/browser/mock.js

@@ -18,9 +18,10 @@ export const SESSION_MOCKS = {};
  *
  * :::info
  *
- * Note that using the `mock` command requires support for Chrome DevTools protocol and e.g.
- * can not be used when running automated tests in the cloud. Find out more in the
- * [Automation Protocols](/docs/automationProtocols) section.
+ * Note that using the `mock` command requires support for Chrome DevTools protocol.
+ * That support is given if you run tests locally in Chromium based browser or if
+ * you use a Selenium Grid v4 or higher. This command can __not__ be used when running
+ * automated tests in the cloud. Find out more in the [Automation Protocols](/docs/automationProtocols) section.
  *
  * :::
  *

package/build/commands/element/isClickable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isClickable.d.ts","sourceRoot":"","sources":["../../../src/commands/element/isClickable.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAA8B,WAAW,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,oBAUnE"}
+{"version":3,"file":"isClickable.d.ts","sourceRoot":"","sources":["../../../src/commands/element/isClickable.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAA8B,WAAW,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,oBAcnE"}

package/build/commands/element/isClickable.js

@@ -43,6 +43,9 @@ export default async function isClickable() {
     if (!await this.isDisplayed()) {
         return false;
     }
+    if (this.isMobile && await this.getContext() === 'NATIVE_APP') {
+        throw new Error('Method not supported in mobile native environment. It is unlikely that you need to use this command.');
+    }
     const browser = getBrowserObject(this);
     return browser.execute(isElementClickableScript, {
         [ELEMENT_KEY]: this.elementId,

package/build/constants.d.ts

@@ -10,6 +10,7 @@ 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[];
 /**
  * Special Characters

package/build/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAqC,MAAM,aAAa,CAAA;AA+B7E,eAAO,MAAM,WAAW,wCAAwC,CAAA;AAEhE,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,CAiRtF,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;AAED;;GAEG;AACH,eAAO,MAAM,GAAG;IACZ;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DG,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAqC,MAAM,aAAa,CAAA;AA+B7E,eAAO,MAAM,WAAW,wCAAwC,CAAA;AAEhE,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,UAAU,CAiRtF,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;AAED;;GAEG;AACH,eAAO,MAAM,GAAG;IACZ;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DG,CAAA"}

package/build/constants.js

@@ -292,6 +292,7 @@ export const DRIVER_DEFAULT_ENDPOINT = {
 };
 export const FF_REMOTE_DEBUG_ARG = '-remote-debugging-port';
 export const DEEP_SELECTOR = '>>>';
+export const ARIA_SELECTOR = 'aria/';
 export const ERROR_REASON = [
     'Failed', 'Aborted', 'TimedOut', 'AccessDenied', 'ConnectionClosed',
     'ConnectionReset', 'ConnectionRefused', 'ConnectionAborted',

package/build/scripts/isElementDisplayed.js

@@ -68,7 +68,7 @@ export default 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

@@ -1,7 +1,7 @@
 import fs from 'node:fs';
 import isPlainObject from 'lodash.isplainobject';
 import { roleElements } from 'aria-query';
-import { DEEP_SELECTOR } from '../constants.js';
+import { DEEP_SELECTOR, ARIA_SELECTOR } from '../constants.js';
 const DEFAULT_STRATEGY = 'css selector';
 const DIRECT_SELECTOR_REGEXP = /^(id|css selector|xpath|link text|partial link text|name|tag name|class name|-android uiautomator|-android datamatcher|-android viewmatcher|-android viewtag|-ios uiautomation|-ios predicate string|-ios class chain|accessibility id):(.+)/;
 const XPATH_SELECTORS_START = [
@@ -65,6 +65,10 @@ const defineStrategy = function (selector) {
     if (stringSelector.startsWith(DEEP_SELECTOR)) {
         return 'shadow';
     }
+    // use aria selector
+    if (stringSelector.startsWith(ARIA_SELECTOR)) {
+        return 'aria';
+    }
     // Recursive element search using the UiAutomator library (Android only)
     if (stringSelector.startsWith('android=')) {
         return '-android uiautomator';
@@ -145,6 +149,41 @@ export const findStrategy = function (selector, isW3C, isMobile) {
             using = 'shadow';
             value = stringSelector.slice(DEEP_SELECTOR.length);
             break;
+        case 'aria': {
+            const label = stringSelector.slice(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/build/utils/getElementObject.d.ts

@@ -13,5 +13,5 @@ export declare const getElement: (this: WebdriverIO.Browser | WebdriverIO.Elemen
  * @param  {Object} res       findElements response
  * @return {Array}            array of WDIO elements
  */
-export declare const getElements: (this: WebdriverIO.Browser | WebdriverIO.Element, selector: Selector, elemResponse: ElementReference[], isReactElement?: boolean) => ElementArray;
+export declare const getElements: (this: WebdriverIO.Browser | WebdriverIO.Element, selector: Selector | ElementReference[] | WebdriverIO.Element[], elemResponse: ElementReference[], isReactElement?: boolean) => ElementArray;
 //# sourceMappingURL=getElementObject.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getElementObject.d.ts","sourceRoot":"","sources":["../../src/utils/getElementObject.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAMvD,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEtD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,SACb,YAAY,OAAO,GAAG,mBAAmB,aACpC,QAAQ,QACb,gBAAgB,GAAG,KAAK,+BAE/B,mBAuDF,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,SACd,YAAY,OAAO,GAAG,mBAAmB,YACrC,QAAQ,gBACJ,gBAAgB,EAAE,+BAEjC,YAwDF,CAAA"}
+{"version":3,"file":"getElementObject.d.ts","sourceRoot":"","sources":["../../src/utils/getElementObject.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAMvD,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEtD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,SACb,YAAY,OAAO,GAAG,mBAAmB,aACpC,QAAQ,QACb,gBAAgB,GAAG,KAAK,+BAE/B,mBAuDF,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,SACd,YAAY,OAAO,GAAG,mBAAmB,YACrC,QAAQ,GAAG,gBAAgB,EAAE,GAAG,mBAAmB,EAAE,gBACjD,gBAAgB,EAAE,+BAEjC,YAiEF,CAAA"}

package/build/utils/getElementObject.js

@@ -82,6 +82,12 @@ export const getElements = function getElements(selector, elemResponse, isReactE
         ...getWDIOPrototype('element')
     };
     const elements = elemResponse.map((res, i) => {
+        /**
+         * if we already deal with an element, just return it
+         */
+        if (res.selector) {
+            return res;
+        }
         propertiesObject.scope = { value: 'element' };
         const element = webdriverMonad(this.options, (client) => {
             const elementId = getElementFromResponse(res);
@@ -99,7 +105,9 @@ export const getElements = function getElements(selector, elemResponse, isReactE
             else {
                 client.error = res;
             }
-            client.selector = selector;
+            client.selector = Array.isArray(selector)
+                ? selector[i].selector
+                : selector;
             client.parent = this;
             client.index = i;
             client.emit = this.emit.bind(this);

package/build/utils/index.d.ts

@@ -75,7 +75,7 @@ export declare function addLocatorStrategyHandler(scope: WebdriverIO.Browser | W
  * @param   {Array}             props       additional properties required to fetch elements again
  * @returns {object[]}  elements
  */
-export declare const enhanceElementsArray: (elements: ElementArray, parent: WebdriverIO.Browser | WebdriverIO.Element, selector: Selector, foundWith?: string, props?: any[]) => ElementArray;
+export declare const enhanceElementsArray: (elements: ElementArray, parent: WebdriverIO.Browser | WebdriverIO.Element, selector: Selector | ElementReference[] | WebdriverIO.Element[], foundWith?: string, props?: any[]) => ElementArray;
 /**
  * is protocol stub
  * @param {string} automationProtocol

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,KAAK,EAAE,OAAO,EAAgB,MAAM,aAAa,CAAA;AAMxD,OAAO,KAAK,EAAE,YAAY,EAAmB,QAAQ,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAmBjH;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,SAAS,GAAG,SAAS,uCAexD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,QAAS,gBAAgB,QAuB3D,CAAA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAGtG;AAWD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAE,gBAAgB,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,kBAkDvE;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CACxB,KAAK,EAAE,MAAM,EACb,UAAU,UAAQ,EAClB,YAAY,CAAC,EAAE,MAAM,YAmBxB;AAkBD;;GAEG;AACH,wBAAsB,WAAW,CAC7B,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,EAC/C,QAAQ,EAAE,QAAQ,qCAqDrB;AAED;;GAEG;AACH,wBAAsB,YAAY,CAC9B,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,EAC/C,QAAQ,EAAE,QAAQ,+BAkDrB;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,GAAG,OAkBpD;AAED;;GAEG;AACH,wBAAsB,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,iDAuC9D;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,UAInD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,QAIrD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAcnE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAE,KAAK,EAAE,WAAW,CAAC,OAAO;;;GAK5D;AAED,wBAAsB,YAAY,CAAE,OAAO,EAAE,WAAW,CAAC,OAAO,oBAkB/D;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,kBAAkB,UACnF,MAAM,mBAAmB,MAAM,SAAS,WAAW,KAAK,wBAAwB,UAOjG;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,aACnB,YAAY,UACd,YAAY,OAAO,GAAG,mBAAmB,YACvC,QAAQ,8BAEX,GAAG,EAAE,iBAOf,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,wBAAyB,MAAM,YAAgD,CAAA;AAElG,eAAO,MAAM,qBAAqB,WAAkB,mBAAmB,GAAG,QAAQ,UAAU,wCAmE3F,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,WACnB,mBAAmB,GAAG,QAAQ,UAAU,uBAC3B,QAAQ,kBAAkB,SAKlD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,SACvB,OAAO,MAAM,EAAE,MAAM,CAAC,SACrB,OAAO,MAAM,EAAE,MAAM,CAAC,YAShC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,KAAK,EAAE,OAAO,EAAgB,MAAM,aAAa,CAAA;AAMxD,OAAO,KAAK,EAAE,YAAY,EAAmB,QAAQ,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAmBjH;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,SAAS,GAAG,SAAS,uCAexD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,QAAS,gBAAgB,QAuB3D,CAAA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAGtG;AAWD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAE,gBAAgB,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,kBAkDvE;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CACxB,KAAK,EAAE,MAAM,EACb,UAAU,UAAQ,EAClB,YAAY,CAAC,EAAE,MAAM,YAmBxB;AAkBD;;GAEG;AACH,wBAAsB,WAAW,CAC7B,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,EAC/C,QAAQ,EAAE,QAAQ,qCAqDrB;AAED;;GAEG;AACH,wBAAsB,YAAY,CAC9B,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,EAC/C,QAAQ,EAAE,QAAQ,+BAkDrB;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,GAAG,OAkBpD;AAED;;GAEG;AACH,wBAAsB,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,iDAuC9D;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,UAInD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,QAIrD;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAcnE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAE,KAAK,EAAE,WAAW,CAAC,OAAO;;;GAK5D;AAED,wBAAsB,YAAY,CAAE,OAAO,EAAE,WAAW,CAAC,OAAO,oBAkB/D;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,kBAAkB,UACnF,MAAM,mBAAmB,MAAM,SAAS,WAAW,KAAK,wBAAwB,UAOjG;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,aACnB,YAAY,UACd,YAAY,OAAO,GAAG,mBAAmB,YACvC,QAAQ,GAAG,gBAAgB,EAAE,GAAG,mBAAmB,EAAE,8BAExD,GAAG,EAAE,iBAcf,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,wBAAyB,MAAM,YAAgD,CAAA;AAElG,eAAO,MAAM,qBAAqB,WAAkB,mBAAmB,GAAG,QAAQ,UAAU,wCAmE3F,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,WACnB,mBAAmB,GAAG,QAAQ,UAAU,uBAC3B,QAAQ,kBAAkB,SAKlD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,SACvB,OAAO,MAAM,EAAE,MAAM,CAAC,SACrB,OAAO,MAAM,EAAE,MAAM,CAAC,YAShC,CAAA"}

package/build/utils/index.js

@@ -402,8 +402,14 @@ export function addLocatorStrategyHandler(scope) {
  * @returns {object[]}  elements
  */
 export const enhanceElementsArray = (elements, parent, selector, foundWith = '$$', props = []) => {
+    /**
+     * if we have an element collection, e.g. `const elems = $$([elemA, elemB])`
+     * we cna't assign a common selector to the element array
+     */
+    if (!Array.isArray(selector)) {
+        elements.selector = selector;
+    }
     elements.parent = parent;
-    elements.selector = selector;
     elements.foundWith = foundWith;
     elements.props = props;
     return elements;

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "webdriverio",
   "description": "Next-gen browser and mobile automation test framework for Node.js",
-  "version": "8.0.0-alpha.240+c00506f0e",
+  "version": "8.0.0-alpha.327+9e6d91918",
   "homepage": "https://webdriver.io",
   "author": "Christian Bromann <mail@bromann.dev>",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git://github.com/webdriverio/webdriverio.git"
+    "url": "git://github.com/webdriverio/webdriverio.git",
+    "directory": "packages/webdriverio"
   },
   "bugs": {
     "url": "https://github.com/webdriverio/webdriverio/issues"
@@ -68,18 +69,18 @@
   "dependencies": {
     "@types/aria-query": "^5.0.0",
     "@types/node": "^18.0.0",
-    "@wdio/config": "8.0.0-alpha.240+c00506f0e",
-    "@wdio/logger": "8.0.0-alpha.240+c00506f0e",
-    "@wdio/protocols": "8.0.0-alpha.240+c00506f0e",
-    "@wdio/repl": "8.0.0-alpha.240+c00506f0e",
-    "@wdio/types": "8.0.0-alpha.240+c00506f0e",
-    "@wdio/utils": "8.0.0-alpha.240+c00506f0e",
+    "@wdio/config": "8.0.0-alpha.327+9e6d91918",
+    "@wdio/logger": "8.0.0-alpha.327+9e6d91918",
+    "@wdio/protocols": "8.0.0-alpha.327+9e6d91918",
+    "@wdio/repl": "8.0.0-alpha.327+9e6d91918",
+    "@wdio/types": "8.0.0-alpha.327+9e6d91918",
+    "@wdio/utils": "8.0.0-alpha.327+9e6d91918",
     "archiver": "^5.0.0",
     "aria-query": "^5.0.0",
     "css-shorthand-properties": "^1.1.1",
     "css-value": "^0.0.1",
-    "devtools": "8.0.0-alpha.240+c00506f0e",
-    "devtools-protocol": "^0.0.1034970",
+    "devtools": "8.0.0-alpha.327+9e6d91918",
+    "devtools-protocol": "^0.0.1040073",
     "fs-extra": "^10.0.0",
     "grapheme-splitter": "^1.0.2",
     "lodash.clonedeep": "^4.5.0",
@@ -87,12 +88,12 @@
     "lodash.isplainobject": "^4.0.6",
     "lodash.zip": "^4.2.0",
     "minimatch": "^5.0.0",
-    "puppeteer-core": "^16.1.0",
+    "puppeteer-core": "17.1.1",
     "query-selector-shadow-dom": "^1.0.0",
     "resq": "^1.9.1",
     "rgb2hex": "0.2.5",
     "serialize-error": "^8.0.0",
-    "webdriver": "8.0.0-alpha.240+c00506f0e"
+    "webdriver": "8.0.0-alpha.327+9e6d91918"
   },
-  "gitHead": "c00506f0e49a88808f992ae2199b02bc6d7deff0"
+  "gitHead": "9e6d919187b099126ba2dae802791c659fc9c794"
 }