webdriverio 7.20.7 → 7.20.8-alpha.504

package/build/commands/browser/execute.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
+import { verifyArgsAndStripIfElement } from '../../utils/index.js';
 /**
  *
  * Inject a snippet of JavaScript into the page for execution in the context of the currently selected frame.
@@ -27,8 +25,8 @@ const utils_1 = require("../../utils");
     });
  * </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.
  *
@@ -36,7 +34,7 @@ const utils_1 = require("../../utils");
  * @type protocol
  *
  */
-function execute(script, ...args) {
+export default function execute(script, ...args) {
     /**
      * parameter check
      */
@@ -50,6 +48,5 @@ function execute(script, ...args) {
     if (typeof script === 'function') {
         script = `return (${script}).apply(null, arguments)`;
     }
-    return this.executeScript(script, (0, utils_1.verifyArgsAndStripIfElement)(args));
+    return this.executeScript(script, verifyArgsAndStripIfElement(args));
 }
-exports.default = execute;

package/build/commands/browser/executeAsync.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
+import { verifyArgsAndStripIfElement } from '../../utils/index.js';
 /**
  *
  * Inject a snippet of JavaScript into the page for execution in the context of the currently selected
@@ -44,7 +42,7 @@ const utils_1 = require("../../utils");
  * @type protocol
  *
  */
-function executeAsync(script, ...args) {
+export default function executeAsync(script, ...args) {
     /**
      * parameter check
      */
@@ -58,6 +56,5 @@ function executeAsync(script, ...args) {
     if (typeof script === 'function') {
         script = `return (${script}).apply(null, arguments)`;
     }
-    return this.executeAsyncScript(script, (0, utils_1.verifyArgsAndStripIfElement)(args));
+    return this.executeAsyncScript(script, verifyArgsAndStripIfElement(args));
 }
-exports.default = executeAsync;

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

@@ -25,8 +25,8 @@
  * </example>
  *
  * @alias browser.getCookies
- * @param {String[]=|String=}   names  names of requested cookies (if omitted, all cookies will be returned)
- * @return {WebDriver.Cookie[]}        requested cookies if existing
+ * @param {String[]|String}       names  names of requested cookies (if omitted, all cookies will be returned)
+ * @return {WebDriverCookie[]}          requested cookies if existing
  * @uses webdriver/getAllCookies
  *
  */

package/build/commands/browser/getCookies.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  *
  * Retrieve a [cookie](https://w3c.github.io/webdriver/webdriver-spec.html#cookies)
@@ -27,12 +25,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * </example>
  *
  * @alias browser.getCookies
- * @param {String[]=|String=}   names  names of requested cookies (if omitted, all cookies will be returned)
- * @return {WebDriver.Cookie[]}        requested cookies if existing
+ * @param {String[]|String}       names  names of requested cookies (if omitted, all cookies will be returned)
+ * @return {WebDriverCookie[]}          requested cookies if existing
  * @uses webdriver/getAllCookies
  *
  */
-async function getCookies(names) {
+export default async function getCookies(names) {
     if (names === undefined) {
         return this.getAllCookies();
     }
@@ -43,4 +41,3 @@ async function getCookies(names) {
     const allCookies = await this.getAllCookies();
     return allCookies.filter(cookie => namesList.includes(cookie.name));
 }
-exports.default = getCookies;

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

@@ -1,4 +1,4 @@
-import { Browser as PuppeteerBrowser } from 'puppeteer-core/lib/cjs/puppeteer/common/Browser';
+import { Browser as PuppeteerBrowser } from 'puppeteer-core/lib/cjs/puppeteer/api/Browser.js';
 /**
  * Get the [Puppeteer Browser instance](https://pptr.dev/#?product=Puppeteer&version=v5.1.0&show=api-class-browser)
  * to run commands with Puppeteer. Note that all Puppeteer commands are

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

@@ -1 +1 @@
-{"version":3,"file":"getPuppeteer.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/getPuppeteer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iDAAiD,CAAA;AAM7F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAA8B,YAAY,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,6BAiFpE"}
+{"version":3,"file":"getPuppeteer.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/getPuppeteer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iDAAiD,CAAA;AAO7F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAA8B,YAAY,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,6BAiFpE"}

package/build/commands/browser/getPuppeteer.js

@@ -1,12 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const puppeteer_core_1 = __importDefault(require("puppeteer-core"));
-const logger_1 = __importDefault(require("@wdio/logger"));
-const constants_1 = require("../../constants");
-const log = (0, logger_1.default)('webdriverio');
+import puppeteer from 'puppeteer-core';
+import logger from '@wdio/logger';
+import { FF_REMOTE_DEBUG_ARG } from '../../constants.js';
+const log = logger('webdriverio');
 /**
  * Get the [Puppeteer Browser instance](https://pptr.dev/#?product=Puppeteer&version=v5.1.0&show=api-class-browser)
  * to run commands with Puppeteer. Note that all Puppeteer commands are
@@ -42,13 +37,12 @@ const log = (0, logger_1.default)('webdriverio');
  *
  * @return {PuppeteerBrowser}  initiated puppeteer instance connected to the browser
  */
-async function getPuppeteer() {
-    var _a, _b, _c, _d, _e;
+export default async function getPuppeteer() {
     /**
      * check if we already connected Puppeteer and if so return
      * that instance
      */
-    if ((_a = this.puppeteer) === null || _a === void 0 ? void 0 : _a.isConnected()) {
+    if (this.puppeteer?.isConnected()) {
         log.debug('Reusing existing puppeteer session');
         return this.puppeteer;
     }
@@ -58,7 +52,7 @@ async function getPuppeteer() {
      */
     const cdpEndpoint = caps['se:cdp'];
     if (cdpEndpoint) {
-        this.puppeteer = await puppeteer_core_1.default.connect({
+        this.puppeteer = await puppeteer.connect({
             browserWSEndpoint: cdpEndpoint,
             defaultViewport: null
         });
@@ -67,11 +61,11 @@ async function getPuppeteer() {
     /**
      * attach to a Selenoid\Moon CDP Session if there are Aerokube vendor capabilities
      */
-    const requestedCapabilities = ((_b = this.requestedCapabilities) === null || _b === void 0 ? void 0 : _b.alwaysMatch) || this.requestedCapabilities;
+    const requestedCapabilities = this.requestedCapabilities?.alwaysMatch || this.requestedCapabilities;
     const isAerokubeSession = requestedCapabilities['selenoid:options'] || requestedCapabilities['moon:options'];
     if (isAerokubeSession) {
         const { hostname, port } = this.options;
-        this.puppeteer = await puppeteer_core_1.default.connect({
+        this.puppeteer = await puppeteer.connect({
             browserWSEndpoint: `ws://${hostname}:${port}/devtools/${this.sessionId}`,
             defaultViewport: null
         });
@@ -82,7 +76,7 @@ async function getPuppeteer() {
      */
     const chromiumOptions = caps['goog:chromeOptions'] || caps['ms:edgeOptions'];
     if (chromiumOptions && chromiumOptions.debuggerAddress) {
-        this.puppeteer = await puppeteer_core_1.default.connect({
+        this.puppeteer = await puppeteer.connect({
             browserURL: `http://${chromiumOptions.debuggerAddress}`,
             defaultViewport: null
         });
@@ -91,7 +85,7 @@ async function getPuppeteer() {
     /**
      * attach to Firefox debugger session
      */
-    if (((_c = caps.browserName) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === 'firefox') {
+    if (caps.browserName?.toLowerCase() === 'firefox') {
         if (!caps.browserVersion) {
             throw new Error('Can\'t find "browserVersion" in capabilities');
         }
@@ -99,14 +93,14 @@ async function getPuppeteer() {
         if (majorVersion >= 79) {
             const reqCaps = this.requestedCapabilities.alwaysMatch || this.requestedCapabilities;
             const ffOptions = caps['moz:firefoxOptions'];
-            const ffArgs = (_d = reqCaps['moz:firefoxOptions']) === null || _d === void 0 ? void 0 : _d.args;
+            const ffArgs = reqCaps['moz:firefoxOptions']?.args;
             const rdPort = ffOptions && ffOptions.debuggerAddress
                 ? ffOptions.debuggerAddress
-                : (_e = ffArgs === null || ffArgs === void 0 ? void 0 : ffArgs[ffArgs.findIndex((arg) => arg === constants_1.FF_REMOTE_DEBUG_ARG) + 1]) !== null && _e !== void 0 ? _e : null;
+                : ffArgs?.[ffArgs.findIndex((arg) => arg === FF_REMOTE_DEBUG_ARG) + 1] ?? null;
             if (!rdPort) {
                 throw new Error('Could\'t find remote debug port in Firefox options');
             }
-            this.puppeteer = await puppeteer_core_1.default.connect({
+            this.puppeteer = await puppeteer.connect({
                 browserURL: `http://localhost:${rdPort}`,
                 defaultViewport: null
             });
@@ -116,4 +110,3 @@ async function getPuppeteer() {
     throw new Error('Using DevTools capabilities is not supported for this session. ' +
         'This feature is only supported for local testing on Chrome, Firefox and Chromium Edge.');
 }
-exports.default = getPuppeteer;

package/build/commands/browser/getWindowSize.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
+import { getBrowserObject } from '../../utils/index.js';
 /**
  *
  * Returns browser window size.
@@ -19,12 +17,11 @@ const utils_1 = require("../../utils");
  * @type window
  *
  */
-async function getWindowSize() {
-    const browser = (0, utils_1.getBrowserObject)(this);
+export default async function getWindowSize() {
+    const browser = getBrowserObject(this);
     if (!browser.isW3C) {
         return browser._getWindowSize();
     }
     const { width, height } = await browser.getWindowRect();
     return { width, height };
 }
-exports.default = getWindowSize;

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

@@ -1,22 +1,32 @@
 /**
  *
- * Send a sequence of key strokes to the active element. You can also use characters like
- * "Left arrow" or "Back space". WebdriverIO will take care of translating them into unicode
- * characters. You’ll find all supported characters [here](https://w3c.github.io/webdriver/webdriver-spec.html#keyboard-actions).
- * To do that, the value has to correspond to a key from the table.
+ * Send a sequence of key strokes to the "active" element. You can make an input element active by just clicking
+ * on it. To use characters like "Left arrow" or "Back space", import the `Key` object from the WebdriverIO package.
  *
- * Modifier like Ctrl, Shift, Alt and Meta will stay pressed so you need to trigger them again to release them.
- * Modifiying a click however requires you to use the WebDriver Actions API through the [performActions](https://webdriver.io/docs/api/webdriver#performactions) method.
+ * Modifier like `Control`, `Shift`, `Alt` and `Command` will stay pressed so you need to trigger them again to release
+ * them. Modifiying a click however requires you to use the WebDriver Actions API through the
+ * [performActions](https://webdriver.io/docs/api/webdriver#performactions) method.
+ *
+ * :::info
+ *
+ * Control keys differ based on the operating system the browser is running on, e.g. MacOS: `Command` and Windows: `Control`.
+ * WebdriverIO provides a cross browser modifier control key called `Ctrl` (see example below).
+ *
+ * :::
  *
  * <example>
     :keys.js
+    import { Key } from 'webdriverio'
+
     it('copies text out of active element', async () => {
+        await $('#username').setValue('anonymous')
+
         // copies text from an input element
-        const input = await $('#username')
-        await input.setValue('anonymous')
+        await browser.keys([Key.Ctrl, 'a', 'c])
 
-        await browser.keys(['Meta', 'a'])
-        await browser.keys(['Meta', 'c'])
+        // inserts text from clipboard into input element
+        await $('#username').click() // make input active element
+        await browser.keys([Key.Ctrl, 'v'])
     });
  * </example>
  *

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

@@ -1 +1 @@
-{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/keys.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CACxB,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,iBAoC3B"}
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/keys.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CACxB,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,iBAiC3B"}

package/build/commands/browser/keys.js

@@ -1,25 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
+import { checkUnicode } from '../../utils/index.js';
 /**
  *
- * Send a sequence of key strokes to the active element. You can also use characters like
- * "Left arrow" or "Back space". WebdriverIO will take care of translating them into unicode
- * characters. You’ll find all supported characters [here](https://w3c.github.io/webdriver/webdriver-spec.html#keyboard-actions).
- * To do that, the value has to correspond to a key from the table.
+ * Send a sequence of key strokes to the "active" element. You can make an input element active by just clicking
+ * on it. To use characters like "Left arrow" or "Back space", import the `Key` object from the WebdriverIO package.
  *
- * Modifier like Ctrl, Shift, Alt and Meta will stay pressed so you need to trigger them again to release them.
- * Modifiying a click however requires you to use the WebDriver Actions API through the [performActions](https://webdriver.io/docs/api/webdriver#performactions) method.
+ * Modifier like `Control`, `Shift`, `Alt` and `Command` will stay pressed so you need to trigger them again to release
+ * them. Modifiying a click however requires you to use the WebDriver Actions API through the
+ * [performActions](https://webdriver.io/docs/api/webdriver#performactions) method.
+ *
+ * :::info
+ *
+ * Control keys differ based on the operating system the browser is running on, e.g. MacOS: `Command` and Windows: `Control`.
+ * WebdriverIO provides a cross browser modifier control key called `Ctrl` (see example below).
+ *
+ * :::
  *
  * <example>
     :keys.js
+    import { Key } from 'webdriverio'
+
     it('copies text out of active element', async () => {
+        await $('#username').setValue('anonymous')
+
         // copies text from an input element
-        const input = await $('#username')
-        await input.setValue('anonymous')
+        await browser.keys([Key.Ctrl, 'a', 'c])
 
-        await browser.keys(['Meta', 'a'])
-        await browser.keys(['Meta', 'c'])
+        // inserts text from clipboard into input element
+        await $('#username').click() // make input active element
+        await browser.keys([Key.Ctrl, 'v'])
     });
  * </example>
  *
@@ -27,18 +35,19 @@ const utils_1 = require("../../utils");
  * @see https://w3c.github.io/webdriver/#dispatching-actions
  *
  */
-function keys(value) {
+export default function keys(value) {
     let keySequence = [];
+    const platformName = this.capabilities.platformName;
     /**
      * replace key with corresponding unicode character
      */
     if (typeof value === 'string') {
-        keySequence = (0, utils_1.checkUnicode)(value, this.isDevTools);
+        keySequence = checkUnicode(value, this.isDevTools, platformName);
     }
     else if (Array.isArray(value)) {
         const charArray = value;
         for (const charSet of charArray) {
-            keySequence = keySequence.concat((0, utils_1.checkUnicode)(charSet, this.isDevTools));
+            keySequence = keySequence.concat(checkUnicode(charSet, this.isDevTools, platformName));
         }
     }
     else {
@@ -53,12 +62,8 @@ function keys(value) {
     /**
      * W3C way of handle it key actions
      */
-    const keyDownActions = keySequence.map((value) => ({ type: 'keyDown', value }));
-    const keyUpActions = keySequence.map((value) => ({ type: 'keyUp', value }));
-    return this.performActions([{
-            type: 'key',
-            id: 'keyboard',
-            actions: [...keyDownActions, ...keyUpActions]
-        }]).then(() => this.releaseActions());
+    const keyAction = this.action('key');
+    keySequence.forEach((value) => keyAction.down(value));
+    keySequence.forEach((value) => keyAction.up(value));
+    return keyAction.perform();
 }
-exports.default = keys;

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

@@ -1,4 +1,4 @@
-import type Interception from '../../utils/interception/index';
+import type Interception from '../../utils/interception/index.js';
 import type { Mock } from '../../types';
 import type { MockFilterOptions } from '../../utils/interception/types';
 export declare const SESSION_MOCKS: Record<string, Set<Interception>>;
@@ -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,gCAAgC,CAAA;AAI9D,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

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SESSION_MOCKS = void 0;
-const devtools_1 = __importDefault(require("../../utils/interception/devtools"));
-const webdriver_1 = __importDefault(require("../../utils/interception/webdriver"));
-const utils_1 = require("../../utils");
-exports.SESSION_MOCKS = {};
+import DevtoolsNetworkInterception from '../../utils/interception/devtools.js';
+import WebDriverNetworkInterception from '../../utils/interception/webdriver.js';
+import { getBrowserObject } from '../../utils/index.js';
+export const SESSION_MOCKS = {};
 /**
  * Mock the response of a request. You can define a mock based on a matching
  * glob and corresponding header and status code. Calling the mock method
@@ -24,9 +18,10 @@ exports.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.
  *
  * :::
  *
@@ -113,23 +108,23 @@ exports.SESSION_MOCKS = {};
  * @type utility
  *
  */
-async function mock(url, filterOptions) {
-    const NetworkInterception = this.isSauce ? webdriver_1.default : devtools_1.default;
+export default async function mock(url, filterOptions) {
+    const NetworkInterception = this.isSauce ? WebDriverNetworkInterception : DevtoolsNetworkInterception;
     if (!this.isSauce) {
         await this.getPuppeteer();
     }
     if (!this.puppeteer) {
         throw new Error('No Puppeteer connection could be established which is required to use this command');
     }
-    const browser = (0, utils_1.getBrowserObject)(this);
+    const browser = getBrowserObject(this);
     const handle = await browser.getWindowHandle();
-    if (!exports.SESSION_MOCKS[handle]) {
-        exports.SESSION_MOCKS[handle] = new Set();
+    if (!SESSION_MOCKS[handle]) {
+        SESSION_MOCKS[handle] = new Set();
     }
     /**
      * enable network Mocking if not already
      */
-    if (exports.SESSION_MOCKS[handle].size === 0 && !this.isSauce) {
+    if (SESSION_MOCKS[handle].size === 0 && !this.isSauce) {
         const pages = await this.puppeteer.pages();
         /**
          * get active page
@@ -152,13 +147,12 @@ async function mock(url, filterOptions) {
             patterns: [{ requestStage: 'Request' }, { requestStage: 'Response' }]
         });
         client.on('Fetch.requestPaused', NetworkInterception
-            .handleRequestInterception(client, exports.SESSION_MOCKS[handle]));
+            .handleRequestInterception(client, SESSION_MOCKS[handle]));
     }
     const networkInterception = new NetworkInterception(url, filterOptions, browser);
-    exports.SESSION_MOCKS[handle].add(networkInterception);
+    SESSION_MOCKS[handle].add(networkInterception);
     if (this.isSauce) {
         await networkInterception.init();
     }
     return networkInterception;
 }
-exports.default = mock;

package/build/commands/browser/mockClearAll.js

@@ -1,11 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const logger_1 = __importDefault(require("@wdio/logger"));
-const mock_1 = require("./mock");
-const log = (0, logger_1.default)('webdriverio:mockClearAll');
+import logger from '@wdio/logger';
+import { SESSION_MOCKS } from './mock.js';
+const log = logger('webdriverio:mockClearAll');
 /**
  * Resets all information stored in all registered mocks of the session.
  *
@@ -32,12 +27,11 @@ const log = (0, logger_1.default)('webdriverio:mockClearAll');
  *
  * @alias browser.mockClearAll
  */
-async function mockClearAll() {
-    for (const [handle, mocks] of Object.entries(mock_1.SESSION_MOCKS)) {
+export default async function mockClearAll() {
+    for (const [handle, mocks] of Object.entries(SESSION_MOCKS)) {
         log.trace(`Clearing mocks for ${handle}`);
         for (const mock of mocks) {
             mock.clear();
         }
     }
 }
-exports.default = mockClearAll;

package/build/commands/browser/mockRestoreAll.js

@@ -1,11 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const logger_1 = __importDefault(require("@wdio/logger"));
-const mock_1 = require("./mock");
-const log = (0, logger_1.default)('webdriverio:mockRestoreAll');
+import logger from '@wdio/logger';
+import { SESSION_MOCKS } from './mock.js';
+const log = logger('webdriverio:mockRestoreAll');
 /**
  * Restores all mock information and behavior stored in all registered
  * mocks of the session.
@@ -30,12 +25,11 @@ const log = (0, logger_1.default)('webdriverio:mockRestoreAll');
  *
  * @alias browser.mockRestoreAll
  */
-async function mockRestoreAll() {
-    for (const [handle, mocks] of Object.entries(mock_1.SESSION_MOCKS)) {
+export default async function mockRestoreAll() {
+    for (const [handle, mocks] of Object.entries(SESSION_MOCKS)) {
         log.trace(`Clearing mocks for ${handle}`);
         for (const mock of mocks) {
             mock.restore();
         }
     }
 }
-exports.default = mockRestoreAll;

package/build/commands/browser/newWindow.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 utils_1 = require("@wdio/utils");
-const newWindow_1 = __importDefault(require("../../scripts/newWindow"));
+import { sleep } from '@wdio/utils';
+import newWindowHelper from '../../scripts/newWindow.js';
 const WAIT_FOR_NEW_HANDLE_TIMEOUT = 3000;
 /**
  *
@@ -44,7 +39,7 @@ const WAIT_FOR_NEW_HANDLE_TIMEOUT = 3000;
  * @alias browser.newWindow
  * @type window
  */
-async function newWindow(url, { windowName = '', windowFeatures = '' } = {}) {
+export default async function newWindow(url, { windowName = '', windowFeatures = '' } = {}) {
     /**
      * parameter check
      */
@@ -58,7 +53,7 @@ async function newWindow(url, { windowName = '', windowFeatures = '' } = {}) {
         throw new Error('newWindow command is not supported on mobile platforms');
     }
     const tabsBefore = await this.getWindowHandles();
-    await this.execute(newWindow_1.default, url, windowName, windowFeatures);
+    await this.execute(newWindowHelper, url, windowName, windowFeatures);
     /**
      * if tests are run in DevTools there might be a delay until
      * a new window handle got registered, this little procedure
@@ -71,7 +66,7 @@ async function newWindow(url, { windowName = '', windowFeatures = '' } = {}) {
         if (tabsAfter.length > tabsBefore.length) {
             break;
         }
-        await (0, utils_1.sleep)(100);
+        await sleep(100);
     }
     const newTab = tabsAfter.pop();
     if (!newTab) {
@@ -80,4 +75,3 @@ async function newWindow(url, { windowName = '', windowFeatures = '' } = {}) {
     await this.switchToWindow(newTab);
     return newTab;
 }
-exports.default = newWindow;

package/build/commands/browser/pause.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  *
  * Pauses execution for a specific amount of time. It is recommended to not use this command to wait for an
@@ -21,7 +19,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @type utility
  *
  */
-function pause(milliseconds = 1000) {
+export default function pause(milliseconds = 1000) {
     return new Promise((resolve) => setTimeout(resolve, milliseconds));
 }
-exports.default = pause;

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

@@ -1 +1 @@
-{"version":3,"file":"react$$.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/react$$.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAIrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAA8B,OAAO,CACjC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,QAAQ,EAAE,MAAM,EAChB,EAAE,KAAU,EAAE,KAAU,EAAE,GAAE,oBAAyB,yBAUxD"}
+{"version":3,"file":"react$$.d.ts","sourceRoot":"","sources":["../../../src/commands/browser/react$$.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAIrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAA8B,OAAO,CACjC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,QAAQ,EAAE,MAAM,EAChB,EAAE,KAAU,EAAE,KAAU,EAAE,GAAE,oBAAyB,yBAexD"}