webdriverio 7.20.6 → 7.20.8-alpha.504

package/build/cjs/index.d.ts

@@ -0,0 +1,3 @@
+import type { Options } from '@wdio/types';
+export declare type RemoteOptions = Options.WebdriverIO & Omit<Options.Testrunner, 'capabilities'>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cjs/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAgB,MAAM,aAAa,CAAA;AAGxD,oBAAY,aAAa,GAAG,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,CAAA"}

package/build/cjs/index.js

@@ -0,0 +1,13 @@
+exports.remote = async function (params, remoteModifier) {
+    const { remote } = await import('../index.js');
+    return remote(params, remoteModifier);
+};
+exports.attach = async function (attachOptions) {
+    const { attach } = await import('../index.js');
+    return attach(attachOptions);
+};
+exports.multiremote = async function (params, { automationProtocol } = {}) {
+    const { multiremote } = await import('../index.js');
+    return multiremote(params, { automationProtocol });
+};
+

package/build/cjs/package.json

@@ -0,0 +1,3 @@
+{
+    "type": "commonjs"
+}

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

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
-const getElementObject_1 = require("../../utils/getElementObject");
+import { findElements, enhanceElementsArray } from '../../utils/index.js';
+import { getElements } from '../../utils/getElementObject.js';
 /**
  * The `$$` command is a short way to call the [`findElements`](/docs/api/webdriver#findelements) command in order
  * to fetch multiple elements on the page. It returns an array with element results that will have an
@@ -41,6 +39,14 @@ const getElementObject_1 = require("../../utils/getElementObject");
         })[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 $$
@@ -49,9 +55,10 @@ const getElementObject_1 = require("../../utils/getElementObject");
  * @type utility
  *
  */
-async function $$(selector) {
-    const res = await utils_1.findElements.call(this, selector);
-    const elements = await getElementObject_1.getElements.call(this, selector, res);
-    return (0, utils_1.enhanceElementsArray)(elements, this, selector);
+export default async function $$(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);
 }
-exports.default = $$;

package/build/commands/browser/$.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
-const getElementObject_1 = require("../../utils/getElementObject");
-const constants_1 = require("../../constants");
+import { findElement } from '../../utils/index.js';
+import { getElement } from '../../utils/getElementObject.js';
+import { ELEMENT_KEY } from '../../constants.js';
 /**
  * The `$` command is a short way to call the [`findElement`](/docs/api/webdriver#findelement) command in order
  * to fetch a single element on the page. It returns an object that with an extended prototype to call
@@ -77,18 +75,17 @@ const constants_1 = require("../../constants");
  * @type utility
  *
  */
-async function $(selector) {
+export default async function $(selector) {
     /**
      * convert protocol result into WebdriverIO element
      * e.g. when element was fetched with `getActiveElement`
      */
     if (typeof selector === 'object') {
         const elementRef = selector;
-        if (typeof elementRef[constants_1.ELEMENT_KEY] === 'string') {
-            return getElementObject_1.getElement.call(this, undefined, elementRef);
+        if (typeof elementRef[ELEMENT_KEY] === 'string') {
+            return getElement.call(this, undefined, elementRef);
         }
     }
-    const res = await utils_1.findElement.call(this, selector);
-    return getElementObject_1.getElement.call(this, selector, res);
+    const res = await findElement.call(this, selector);
+    return getElement.call(this, selector, res);
 }
-exports.default = $;

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

@@ -0,0 +1,132 @@
+import { KeyAction, PointerAction, WheelAction, BaseActionParams } from '../../utils/actions/index.js';
+/**
+ * The action command is a low-level interface for providing virtualized device input actions to the web browser.
+ *
+ * In addition to high level commands such like `scrollIntoView`, `doubleClick`, the Actions API provides granular
+ * control over exactly what designated input devices can do. WebdriverIO provides an interface for 3 kinds of input
+ * sources:
+ *
+ * - a key input for keyboard devices
+ * - a pointer input for a mouse, pen or touch devices
+ * - and wheel inputs for scroll wheel devices
+ *
+ * Every chain of action commands has to be completed calling `perform` in order to trigger the set of actions. This
+ * causes actions [to be released](https://w3c.github.io/webdriver/#release-actions) and events to be fired. You can
+ * skip this by passing in `true` (e.g. `browser.actions(...).perform(true)`).
+ *
+ * :::info
+ *
+ * Support for this command and specific actions can differ based on the environment. Progress on the development
+ * can be followed on [wpt.fyi](https://wpt.fyi/results/webdriver/tests/perform_actions?label=experimental&label=master&aligned).
+ * For mobile you might want to use Appium specific gesture commands on [iOS](https://github.com/appium/appium-xcuitest-driver#mobile-pinch)
+ * and [Android](https://github.com/appium/appium-uiautomator2-driver#mobile-gesture-commands).
+ *
+ * :::
+ *
+ * ### Key input source
+ *
+ * A key input source is an input source that is associated with a keyboard-type device. It can be triggered
+ * by using the `key` type parameters. e.g.:
+ *
+ * ```ts
+ * browser.action('key')
+ * ```
+ *
+ * It returns a `KeyAction` object that supports the following actions:
+ *
+ * - `down(value: string)`: generates a key down action
+ * - `up(value: string)`: generates a key up action
+ * - `pause(ms: number)`: indicate that an input source does nothing during a particular tick
+ *
+ * ### Pointer input source
+ *
+ * A pointer input source is an input source that is associated with a pointer-type input device. The type can be
+ * specified when invoking the `action` command, e.g.:
+ *
+ * ```ts
+ * browser.action('pointer'. {
+ *     parameters: { pointerType: 'mouse' } // "mouse" is default value, also possible: "pen" or "touch"
+ * })
+ * ```
+ *
+ * It returns a `PointerAction` object that supports the following actions:
+ *
+ * - `down (button: 'left' | 'middle' | 'right')`: creates an action to press a single key
+ * - `down (params: PointerActionParams)`: creates an action to press a single key with detailed parameters
+ * - `move (x: number, y: number)`: Creates an action for moving the pointer `x` and `y` pixels from the viewport
+ * - `move (params: PointerActionMoveParams)`: Creates an action for moving the pointer `x` and `y` pixels from the
+ *   specified `origin`. The `origin` may be defined as the pointers current position (e.g. "pointer"), the viewport
+ *   (e.g. "viewport") or the center of a specific element.
+ * - `up (button: 'left' | 'middle' | 'right')`: creates an action to release a single key
+ * - `up (params: PointerActionUpParams)`: creates an action to release a single key with detailed parameters
+ * - `cancel()`: An action that cancels this pointer's current input.
+ * - `pause(ms: number)`: indicate that an input source does nothing during a particular tick
+ *
+ * You can find detailed information on the [`PointerActionParams`](https://github.com/webdriverio/webdriverio/blob/8ca026c75bf7c27ef9d574f0ec48d8bc13658602/packages/webdriverio/src/utils/actions/pointer.ts#L20-L35), [`PointerActionMoveParams`](https://github.com/webdriverio/webdriverio/blob/8ca026c75bf7c27ef9d574f0ec48d8bc13658602/packages/webdriverio/src/utils/actions/pointer.ts#L20-L42) and [`PointerActionUpParams`](https://github.com/webdriverio/webdriverio/blob/8ca026c75bf7c27ef9d574f0ec48d8bc13658602/packages/webdriverio/src/utils/actions/pointer.ts#L13-L19)
+ * parameter types in the project type definition.
+ *
+ * ### Wheel input source
+ *
+ * A wheel input source is an input source that is associated with a wheel-type input device.
+ *
+ * ```ts
+ * browser.action('wheel')
+ * ```
+ *
+ * It returns a `WheelAction` object that supports the following actions:
+ *
+ * - `scroll (params: ScrollParams)`: scrolls a page to given coordinates or origin
+ * - `pause(ms: number)`: indicate that an input source does nothing during a particular tick
+ *
+ * You can find detailed information on the [`ScrollParams`](https://github.com/webdriverio/webdriverio/blob/8ca026c75bf7c27ef9d574f0ec48d8bc13658602/packages/webdriverio/src/utils/actions/wheel.ts#L4-L29) parameter type in the project type definition.
+ *
+ * <example>
+    :pointer-action.js
+    it('drag and drop using pointer action command', async () => {
+        const origin = await $('#source')
+        const targetOrigin = await $('#target')
+
+        return browser.action('pointer')
+            .move({ duration: 0, origin, x: 0, y: 0 })
+            .down({ button: 0 }) // left button
+            .pause(10)
+            .move({ duration, origin: targetOrigin })
+            .up({ button: 0 })
+            .perform()
+    });
+    :key-action.js
+    it('should emit key events using key action commands', async () => {
+        const elem = await $('input')
+        await elem.click() // make element active
+
+        await browser.action('key)
+            .down('f')
+            .down('o')
+            .down('o')
+            .up('f')
+            .up('o')
+            .up('o')
+            .perform()
+
+        console.log(await elem.getValue()) // returns "foo"
+    })
+    :wheel-action.js
+    it('should scroll using wheel action commands', async () => {
+        console.log(await browser.execute(() => window.scrollY)) // returns 0
+        await browser.action('wheel').scroll({
+            deltaX: 0,
+            deltaY: 500,
+            duration: 200
+        }).perform()
+        console.log(await browser.execute(() => window.scrollY)) // returns 500
+    })
+ * </example>
+ *
+ * @alias browser.action
+ * @type utility
+ *
+ */
+export default function action(this: WebdriverIO.Browser, type: 'key', opts?: Pick<BaseActionParams, 'id'>): KeyAction;
+export default function action(this: WebdriverIO.Browser, type: 'pointer', opts?: BaseActionParams): PointerAction;
+export default function action(this: WebdriverIO.Browser, type: 'wheel', opts?: Pick<BaseActionParams, 'id'>): WheelAction;
+//# sourceMappingURL=action.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/action.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAc,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAElH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8HG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAC1B,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,IAAI,EAAE,KAAK,EACX,IAAI,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,GACpC,SAAS,CAAA;AACZ,MAAM,CAAC,OAAO,UAAU,MAAM,CAC1B,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,IAAI,EAAE,SAAS,EACf,IAAI,CAAC,EAAE,gBAAgB,GACxB,aAAa,CAAA;AAChB,MAAM,CAAC,OAAO,UAAU,MAAM,CAC1B,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,IAAI,EAAE,OAAO,EACb,IAAI,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,GACpC,WAAW,CAAA"}

package/build/commands/browser/action.js

@@ -0,0 +1,13 @@
+import { KeyAction, PointerAction, WheelAction } from '../../utils/actions/index.js';
+export default function action(type, opts) {
+    if (type === 'key') {
+        return new KeyAction(this, opts);
+    }
+    if (type === 'pointer') {
+        return new PointerAction(this, opts);
+    }
+    if (type === 'wheel') {
+        return new WheelAction(this, opts);
+    }
+    throw new Error(`Unsupported action type "${type}", supported are "key", "pointer", "wheel"`);
+}

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

@@ -0,0 +1,29 @@
+import { KeyAction, PointerAction, WheelAction } from '../../utils/actions/index.js';
+/**
+ * Allows to run multiple action interaction at once, e.g. to simulate a pinch zoom.
+ * For more information on the `action` command, check out the [docs](./action).
+ *
+ * <example>
+    :action.js
+    it('run multiple actions at once for a pinch zoom', async () => {
+        await browser.actions([
+            browser.action('pointer')
+                .move(500, 500)
+                .down()
+                .move(250, 250)
+                .up(),
+            browser.action('pointer')
+                .move(500, 500)
+                .down()
+                .move(750, 750)
+                .up()
+        ])
+    });
+ * </example>
+ *
+ * @alias browser.action
+ * @type utility
+ *
+ */
+export default function actions(this: WebdriverIO.Browser, actions: (KeyAction | PointerAction | WheelAction)[]): Promise<void>;
+//# sourceMappingURL=actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAA8B,OAAO,CACjC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,OAAO,EAAE,CAAC,SAAS,GAAG,aAAa,GAAG,WAAW,CAAC,EAAE,GACrD,OAAO,CAAC,IAAI,CAAC,CAGf"}

package/build/commands/browser/actions.js

@@ -0,0 +1,30 @@
+/**
+ * Allows to run multiple action interaction at once, e.g. to simulate a pinch zoom.
+ * For more information on the `action` command, check out the [docs](./action).
+ *
+ * <example>
+    :action.js
+    it('run multiple actions at once for a pinch zoom', async () => {
+        await browser.actions([
+            browser.action('pointer')
+                .move(500, 500)
+                .down()
+                .move(250, 250)
+                .up(),
+            browser.action('pointer')
+                .move(500, 500)
+                .down()
+                .move(750, 750)
+                .up()
+        ])
+    });
+ * </example>
+ *
+ * @alias browser.action
+ * @type utility
+ *
+ */
+export default async function actions(actions) {
+    await this.performActions(actions.map((action) => action.toJSON()));
+    await this.releaseActions();
+}

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

@@ -1,5 +1,5 @@
 /**
- * The browser method  `addCommand` helps you to write your own set of commands. You can write your command in a synchronous way or in an asynchronous way.
+ * The browser method  `addCommand` helps you to write your own set of commands.
  *
  * :::info
  *

package/build/commands/browser/addCommand.js

@@ -1,6 +1,6 @@
 "use strict";
 /**
- * The browser method  `addCommand` helps you to write your own set of commands. You can write your command in a synchronous way or in an asynchronous way.
+ * The browser method  `addCommand` helps you to write your own set of commands.
  *
  * :::info
  *

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

@@ -1,12 +1,14 @@
 /**
- * You can use `call` to execute any async action within your test spec. The command itself
- * is treated like a synchronous function. It accepts promises and stops the execution until
- * the promise has resolved.
+ * You can use `call` to execute any async action within your test spec.
+ * It accepts promises and stops the execution until the promise has been resolved.
  *
- * This command helps to run asynchronous code within a synchronous context. With
- * WebdriverIO deprecating synchronous usage (see [RFC](https://github.com/webdriverio/webdriverio/discussions/6702))
+ * :::info
+ *
+ * With WebdriverIO deprecating synchronous usage (see [RFC](https://github.com/webdriverio/webdriverio/discussions/6702))
  * this command is not very useful anymore.
  *
+ * :::
+ *
  * <example>
     :call.js
     it('some testing here', async () => {

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

@@ -1 +1 @@
-{"version":3,"file":"call.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/call.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC,EAAG,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAM5D"}
+{"version":3,"file":"call.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/call.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC,EAAG,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAM5D"}

package/build/commands/browser/call.js

@@ -1,14 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
- * You can use `call` to execute any async action within your test spec. The command itself
- * is treated like a synchronous function. It accepts promises and stops the execution until
- * the promise has resolved.
+ * You can use `call` to execute any async action within your test spec.
+ * It accepts promises and stops the execution until the promise has been resolved.
  *
- * This command helps to run asynchronous code within a synchronous context. With
- * WebdriverIO deprecating synchronous usage (see [RFC](https://github.com/webdriverio/webdriverio/discussions/6702))
+ * :::info
+ *
+ * With WebdriverIO deprecating synchronous usage (see [RFC](https://github.com/webdriverio/webdriverio/discussions/6702))
  * this command is not very useful anymore.
  *
+ * :::
+ *
  * <example>
     :call.js
     it('some testing here', async () => {
@@ -40,10 +40,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @type utility
  *
  */
-function call(fn) {
+export default function call(fn) {
     if (typeof fn === 'function') {
         return fn();
     }
     throw new Error('Command argument for "call" needs to be a function');
 }
-exports.default = call;

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

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
-const getElementObject_1 = require("../../utils/getElementObject");
-const constants_1 = require("../../constants");
+import { enhanceElementsArray } from '../../utils/index.js';
+import { getElements } from '../../utils/getElementObject.js';
+import { ELEMENT_KEY } from '../../constants.js';
 /**
  *
  * The `customs$$` allows you to use a custom strategy declared by using `browser.addLocatorStrategy`
@@ -26,7 +24,7 @@ const constants_1 = require("../../constants");
  * @param {Any} strategyArguments
  * @return {ElementArray}
  */
-async function custom$$(strategyName, ...strategyArguments) {
+export default async function custom$$(strategyName, ...strategyArguments) {
     const strategy = this.strategies.get(strategyName);
     if (!strategy) {
         throw Error('No strategy found for ' + strategyName);
@@ -41,8 +39,7 @@ async function custom$$(strategyName, ...strategyArguments) {
     if (!Array.isArray(res)) {
         res = [res];
     }
-    res = res.filter(el => !!el && typeof el[constants_1.ELEMENT_KEY] === 'string');
-    const elements = res.length ? await getElementObject_1.getElements.call(this, strategyRef, res) : [];
-    return (0, utils_1.enhanceElementsArray)(elements, this, strategyName, 'custom$$', strategyArguments);
+    res = res.filter(el => !!el && typeof el[ELEMENT_KEY] === 'string');
+    const elements = res.length ? await getElements.call(this, strategyRef, res) : [];
+    return enhanceElementsArray(elements, this, strategyName, 'custom$$', strategyArguments);
 }
-exports.default = custom$$;

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

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const getElementObject_1 = require("../../utils/getElementObject");
-const constants_1 = require("../../constants");
+import { getElement } from '../../utils/getElementObject.js';
+import { ELEMENT_KEY } from '../../constants.js';
 /**
  *
  * The `custom$` allows you to use a custom strategy declared by using `browser.addLocatorStrategy`
@@ -10,7 +8,7 @@ const constants_1 = require("../../constants");
     :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)
         })
 
@@ -25,7 +23,7 @@ const constants_1 = require("../../constants");
  * @param {Any} strategyArguments
  * @return {Element}
  */
-async function custom$(strategyName, ...strategyArguments) {
+export default async function custom$(strategyName, ...strategyArguments) {
     const strategy = this.strategies.get(strategyName);
     if (!strategy) {
         throw Error('No strategy found for ' + strategyName);
@@ -40,9 +38,8 @@ async function custom$(strategyName, ...strategyArguments) {
     if (Array.isArray(res)) {
         res = res[0];
     }
-    if (res && typeof res[constants_1.ELEMENT_KEY] === 'string') {
-        return await getElementObject_1.getElement.call(this, strategyRef, res);
+    if (res && typeof res[ELEMENT_KEY] === 'string') {
+        return await getElement.call(this, strategyRef, res);
     }
     throw Error('Your locator strategy script must return an element');
 }
-exports.default = custom$;

package/build/commands/browser/debug.js

@@ -1,10 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const serialize_error_1 = require("serialize-error");
-const repl_1 = __importDefault(require("@wdio/repl"));
+import { serializeError } from 'serialize-error';
+import WDIORepl from '@wdio/repl';
 /**
  *
  * This command helps you to debug your integration tests. It stops the running browser and gives
@@ -35,15 +30,15 @@ const repl_1 = __importDefault(require("@wdio/repl"));
  * @type utility
  *
  */
-function debug(commandTimeout = 5000) {
-    const repl = new repl_1.default();
-    const { introMessage } = repl_1.default;
+export default function debug(commandTimeout = 5000) {
+    const repl = new WDIORepl();
+    const { introMessage } = WDIORepl;
     /**
      * run repl in standalone mode
      */
-    if (!process.env.WDIO_WORKER || typeof process.send !== 'function') {
+    if (!process.env.WDIO_WORKER_ID || typeof process.send !== 'function') {
         // eslint-disable-next-line
-        console.log(repl_1.default.introMessage);
+        console.log(WDIORepl.introMessage);
         const context = {
             browser: this,
             driver: this,
@@ -85,7 +80,7 @@ function debug(commandTimeout = 5000) {
                         name: 'result',
                         params: {
                             error: true,
-                            ...(0, serialize_error_1.serializeError)(err)
+                            ...serializeError(err)
                         }
                     });
                 }
@@ -105,4 +100,3 @@ function debug(commandTimeout = 5000) {
     });
     return new Promise((resolve) => (commandResolve = resolve));
 }
-exports.default = debug;

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

@@ -1,6 +1,6 @@
 /**
- *
- * Delete cookies visible to the current page. By providing a cookie name it just removes the single cookie or more when multiple names are passed.
+ * Delete cookies visible to the current page. By providing a cookie name it
+ * just removes the single cookie or more when multiple names are passed.
  *
  * <example>
     :deleteCookie.js
@@ -36,7 +36,7 @@
  * </example>
  *
  * @alias browser.deleteCookies
- * @param {String=|String[]=} names  names of cookies to be deleted
+ * @param {String | String[]} names  names of cookies to be deleted
  * @uses webdriver/deleteAllCookies,webdriver/deleteCookie
  * @type cookie
  *

package/build/commands/browser/deleteCookies.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
- *
- * Delete cookies visible to the current page. By providing a cookie name it just removes the single cookie or more when multiple names are passed.
+ * Delete cookies visible to the current page. By providing a cookie name it
+ * just removes the single cookie or more when multiple names are passed.
  *
  * <example>
     :deleteCookie.js
@@ -38,12 +36,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * </example>
  *
  * @alias browser.deleteCookies
- * @param {String=|String[]=} names  names of cookies to be deleted
+ * @param {String | String[]} names  names of cookies to be deleted
  * @uses webdriver/deleteAllCookies,webdriver/deleteCookie
  * @type cookie
  *
  */
-function deleteCookies(names) {
+export default function deleteCookies(names) {
     if (names === undefined) {
         return this.deleteAllCookies();
     }
@@ -53,4 +51,3 @@ function deleteCookies(names) {
     }
     return Promise.all(namesList.map(name => this.deleteCookie(name)));
 }
-exports.default = deleteCookies;

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

@@ -24,8 +24,8 @@
     });
  * </example>
  *
- * @param {String|Function} script                     The script to execute.
- * @param {*=}               arguments  script arguments
+ * @param {String|Function} script     The script to execute.
+ * @param {*=}              arguments  script arguments
  *
  * @return {*}             The script result.
  *