webdriverio 7.20.7 → 7.20.8-alpha.504

package/build/commands/element/isClickable.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 constants_1 = require("../../constants");
-const utils_1 = require("../../utils");
-const isElementClickable_1 = __importDefault(require("../../scripts/isElementClickable"));
+import { ELEMENT_KEY } from '../../constants.js';
+import { getBrowserObject } from '../../utils/index.js';
+import isElementClickableScript from '../../scripts/isElementClickable.js';
 /**
  *
  * Return true if the selected DOM-element:
@@ -44,14 +39,16 @@ const isElementClickable_1 = __importDefault(require("../../scripts/isElementCli
  * @type state
  *
  */
-async function isClickable() {
+export default async function isClickable() {
     if (!await this.isDisplayed()) {
         return false;
     }
-    const browser = (0, utils_1.getBrowserObject)(this);
-    return browser.execute(isElementClickable_1.default, {
-        [constants_1.ELEMENT_KEY]: this.elementId,
+    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,
         ELEMENT: this.elementId // jsonwp compatible
     });
 }
-exports.default = isClickable;

package/build/commands/element/isDisplayed.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 constants_1 = require("../../constants");
-const utils_1 = require("../../utils");
-const isElementDisplayed_1 = __importDefault(require("../../scripts/isElementDisplayed"));
+import { ELEMENT_KEY } from '../../constants.js';
+import { getBrowserObject, hasElementId } from '../../utils/index.js';
+import isElementDisplayedScript from '../../scripts/isElementDisplayed.js';
 const noW3CEndpoint = ['microsoftedge', 'msedge', 'safari', 'chrome', 'safari technology preview'];
 /**
  *
@@ -55,10 +50,9 @@ const noW3CEndpoint = ['microsoftedge', 'msedge', 'safari', 'chrome', 'safari te
  * @type state
  *
  */
-async function isDisplayed() {
-    var _a;
-    const browser = (0, utils_1.getBrowserObject)(this);
-    if (!await (0, utils_1.hasElementId)(this)) {
+export default async function isDisplayed() {
+    const browser = getBrowserObject(this);
+    if (!await hasElementId(this)) {
         return false;
     }
     /*
@@ -74,12 +68,11 @@ async function isDisplayed() {
     const useAtom = (await browser.isDevTools ||
         (await browser.isW3C &&
             !browser.isMobile &&
-            noW3CEndpoint.includes((_a = browser.capabilities.browserName) === null || _a === void 0 ? void 0 : _a.toLowerCase())));
+            noW3CEndpoint.includes(browser.capabilities.browserName?.toLowerCase())));
     return useAtom
-        ? await browser.execute(isElementDisplayed_1.default, {
-            [constants_1.ELEMENT_KEY]: this.elementId,
+        ? await browser.execute(isElementDisplayedScript, {
+            [ELEMENT_KEY]: this.elementId,
             ELEMENT: this.elementId // jsonwp compatible
         }) :
         await this.isElementDisplayed(this.elementId);
 }
-exports.default = isDisplayed;

package/build/commands/element/isDisplayedInViewport.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 constants_1 = require("../../constants");
-const utils_1 = require("../../utils");
-const isElementInViewport_1 = __importDefault(require("../../scripts/isElementInViewport"));
+import { ELEMENT_KEY } from '../../constants.js';
+import { getBrowserObject } from '../../utils/index.js';
+import isElementInViewportScript from '../../scripts/isElementInViewport.js';
 /**
  *
  * Return true if the selected DOM-element found by given selector is partially visible and within the viewport.
@@ -42,14 +37,13 @@ const isElementInViewport_1 = __importDefault(require("../../scripts/isElementIn
  * @type state
  *
  */
-async function isDisplayedInViewport() {
+export default async function isDisplayedInViewport() {
     if (!await this.isDisplayed()) {
         return false;
     }
-    const browser = (0, utils_1.getBrowserObject)(this);
-    return browser.execute(isElementInViewport_1.default, {
-        [constants_1.ELEMENT_KEY]: this.elementId,
+    const browser = getBrowserObject(this);
+    return browser.execute(isElementInViewportScript, {
+        [ELEMENT_KEY]: this.elementId,
         ELEMENT: this.elementId // jsonwp compatible
     });
 }
-exports.default = isDisplayedInViewport;

package/build/commands/element/isEnabled.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  *
  * Return true or false if the selected DOM-element is enabled.
@@ -32,7 +30,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @type state
  *
  */
-function isEnabled() {
+export default function isEnabled() {
     return this.isElementEnabled(this.elementId);
 }
-exports.default = isEnabled;

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

@@ -1 +1 @@
-{"version":3,"file":"isEqual.d.ts","sourceRoot":"","sources":["../../../src/commands/element/isEqual.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAA8B,OAAO,CACjC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,EAAE,EAAE,WAAW,CAAC,OAAO,oBAwB1B"}
+{"version":3,"file":"isEqual.d.ts","sourceRoot":"","sources":["../../../src/commands/element/isEqual.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAA8B,OAAO,CACjC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,EAAE,EAAE,WAAW,CAAC,OAAO,oBA4B1B"}

package/build/commands/element/isEqual.js

@@ -1,9 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const constants_1 = require("../../constants");
-const utils_1 = require("../../utils");
+import { ELEMENT_KEY } from '../../constants.js';
+import { getBrowserObject } from '../../utils/index.js';
 const getWebElement = (el) => ({
-    [constants_1.ELEMENT_KEY]: el.elementId,
+    [ELEMENT_KEY]: el.elementId,
     ELEMENT: el.elementId // jsonwp compatible
 });
 /**
@@ -28,12 +26,15 @@ const getWebElement = (el) => ({
  * @return  {Boolean}   true if elements are equal
  *
  */
-async function isEqual(el) {
-    const browser = (0, utils_1.getBrowserObject)(this);
+export default async function isEqual(el) {
+    const browser = getBrowserObject(this);
     // mobile native
     if (browser.isMobile) {
         const context = await browser.getContext();
-        if (context === null || context === void 0 ? void 0 : context.toLowerCase().includes('native')) {
+        const contextId = typeof context === 'string'
+            ? context
+            : context?.id;
+        if (contextId && contextId.toLowerCase().includes('native')) {
             return this.elementId === el.elementId;
         }
     }
@@ -49,4 +50,3 @@ async function isEqual(el) {
     }
     return result;
 }
-exports.default = isEqual;

package/build/commands/element/isExisting.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  *
  * Returns true if element exists in the DOM.
@@ -47,7 +45,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @type state
  *
  */
-async function isExisting() {
+export default async function isExisting() {
     /**
      * if an element was composed via `const elem = $({ 'element-6066-11e4-a52e-4f735466cecf': <elementId> })`
      * we don't have any selector information. Therefore we can only check existance
@@ -62,4 +60,3 @@ async function isExisting() {
     const command = this.isReactElement ? this.parent.react$$.bind(this.parent) : this.parent.$$.bind(this.parent);
     return command(this.selector).then((res) => res.length > 0);
 }
-exports.default = isExisting;

package/build/commands/element/isFocused.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 constants_1 = require("../../constants");
-const utils_1 = require("../../utils");
-const isFocused_1 = __importDefault(require("../../scripts/isFocused"));
+import { ELEMENT_KEY } from '../../constants.js';
+import { getBrowserObject } from '../../utils/index.js';
+import isFocusedScript from '../../scripts/isFocused.js';
 /**
  *
  * Return true or false if the selected DOM-element currently has focus. If the selector matches
@@ -32,11 +27,10 @@ const isFocused_1 = __importDefault(require("../../scripts/isFocused"));
  * @type state
  *
  */
-async function isFocused() {
-    const browser = await (0, utils_1.getBrowserObject)(this);
-    return browser.execute(isFocused_1.default, {
-        [constants_1.ELEMENT_KEY]: this.elementId,
+export default async function isFocused() {
+    const browser = await getBrowserObject(this);
+    return browser.execute(isFocusedScript, {
+        [ELEMENT_KEY]: this.elementId,
         ELEMENT: this.elementId // jsonwp compatible
     });
 }
-exports.default = isFocused;

package/build/commands/element/isSelected.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  *
  * Will return true or false whether or not an `<option>` or `<input>` element of type
@@ -29,7 +27,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @type state
  *
  */
-function isSelected() {
+export default function isSelected() {
     return this.isElementSelected(this.elementId);
 }
-exports.default = isSelected;

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

@@ -1 +1 @@
-{"version":3,"file":"moveTo.d.ts","sourceRoot":"","sources":["../../../src/commands/element/moveTo.ts"],"names":[],"mappings":"AAEA,aAAK,aAAa,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,wBAA8B,MAAM,CAChC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,EAAE,OAAO,EAAE,OAAO,EAAE,GAAE,aAAkB,iBAuB3C"}
+{"version":3,"file":"moveTo.d.ts","sourceRoot":"","sources":["../../../src/commands/element/moveTo.ts"],"names":[],"mappings":"AAEA,aAAK,aAAa,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,wBAA8B,MAAM,CAChC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,EAAE,OAAO,EAAE,OAAO,EAAE,GAAE,aAAkB,iBAqB3C"}

package/build/commands/element/moveTo.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
+import { getElementRect, getScrollPosition, getBrowserObject } from '../../utils/index.js';
 /**
  *
  * Move the mouse by an offset of the specified element. If no element is specified,
@@ -15,25 +13,22 @@ const utils_1 = require("../../utils");
  * @see  https://github.com/SeleniumHQ/selenium/wiki/JsonWireProtocol#sessionsessionidmoveto
  * @type protocol
  */
-async function moveTo({ xOffset, yOffset } = {}) {
+export default async function moveTo({ xOffset, yOffset } = {}) {
     if (!this.isW3C) {
         return this.moveToElement(this.elementId, xOffset, yOffset);
     }
     /**
      * get rect of element
      */
-    const { x, y, width, height } = await (0, utils_1.getElementRect)(this);
-    const { scrollX, scrollY } = await (0, utils_1.getScrollPosition)(this);
+    const { x, y, width, height } = await getElementRect(this);
+    const { scrollX, scrollY } = await getScrollPosition(this);
     const newXOffset = Math.floor(x - scrollX + (typeof xOffset === 'number' ? xOffset : (width / 2)));
     const newYOffset = Math.floor(y - scrollY + (typeof yOffset === 'number' ? yOffset : (height / 2)));
     /**
      * W3C way of handle the mouse move actions
      */
-    return this.performActions([{
-            type: 'pointer',
-            id: 'finger1',
-            parameters: { pointerType: 'mouse' },
-            actions: [{ type: 'pointerMove', duration: 0, x: newXOffset, y: newYOffset }]
-        }]).then(() => this.releaseActions());
+    const browser = getBrowserObject(this);
+    return browser.action('pointer', { parameters: { pointerType: 'mouse' } })
+        .move({ x: newXOffset, y: newYOffset })
+        .perform();
 }
-exports.default = moveTo;

package/build/commands/element/nextElement.js

@@ -1,4 +1,3 @@
-"use strict";
 /**
  *
  * Returns the next sibling element of the selected DOM-element.
@@ -22,10 +21,8 @@
  * @return {Element}
  * @type utility
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-function nextElement() {
-    return this.$(/* istanbul ignore next */ function () {
+export default function nextElement() {
+    return this.$(/* istanbul ignore next */ function nextElement() {
         return this.nextElementSibling;
     });
 }
-exports.default = nextElement;

package/build/commands/element/parentElement.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  *
  * Returns the parent element of the selected DOM-element.
@@ -23,9 +21,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @return {Element}
  * @type utility
  */
-function parentElement() {
-    return this.$(/* istanbul ignore next */ function () {
+export default function parentElement() {
+    return this.$(/* istanbul ignore next */ function parentElement() {
         return this.parentElement;
     });
 }
-exports.default = parentElement;

package/build/commands/element/previousElement.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  *
  * Returns the previous sibling element of the selected DOM-element.
@@ -23,9 +21,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @return {Element}
  * @type utility
  */
-function previousElement() {
-    return this.$(/* istanbul ignore next */ function () {
+export default function previousElement() {
+    return this.$(/* istanbul ignore next */ function previousElement() {
         return this.previousElementSibling;
     });
 }
-exports.default = previousElement;

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

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

package/build/commands/element/react$$.js

@@ -1,13 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs_1 = __importDefault(require("fs"));
-const utils_1 = require("../../utils");
-const getElementObject_1 = require("../../utils/getElementObject");
-const resq_1 = require("../../scripts/resq");
-const resqScript = fs_1.default.readFileSync(require.resolve('resq'));
+import fs from 'node:fs/promises';
+import { createRequire } from 'node:module';
+import { enhanceElementsArray, getBrowserObject } from '../../utils/index.js';
+import { getElements } from '../../utils/getElementObject.js';
+import { waitToLoadReact, react$$ as react$$Script } from '../../scripts/resq.js';
+let resqScript;
 /**
  *
  * The `react$$` command is a useful command to query multiple React Components
@@ -41,11 +37,15 @@ const resqScript = fs_1.default.readFileSync(require.resolve('resq'));
  * @return {ElementArray}
  *
  */
-async function react$$(selector, { props = {}, state = {} } = {}) {
+export default async function react$$(selector, { props = {}, state = {} } = {}) {
+    if (!resqScript) {
+        const require = createRequire(import.meta.url);
+        resqScript = (await fs.readFile(require.resolve('resq'))).toString();
+    }
+    const browser = await getBrowserObject(this);
     await this.executeScript(resqScript.toString(), []);
-    await this.execute(resq_1.waitToLoadReact);
-    const res = await this.execute(resq_1.react$$, selector, props, state, this);
-    const elements = await getElementObject_1.getElements.call(this, selector, res, true);
-    return (0, utils_1.enhanceElementsArray)(elements, this, selector, 'react$$', [props, state]);
+    await browser.execute(waitToLoadReact);
+    const res = await browser.execute(react$$Script, selector, props, state, this);
+    const elements = await getElements.call(this, selector, res, true);
+    return enhanceElementsArray(elements, this, selector, 'react$$', [props, state]);
 }
-exports.default = react$$;

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

@@ -1 +1 @@
-{"version":3,"file":"react$.d.ts","sourceRoot":"","sources":["../../../src/commands/element/react$.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAIvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAA8B,MAAM,CAChC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,QAAQ,EAAE,MAAM,EAChB,EAAE,KAAU,EAAE,KAAU,EAAE,GAAE,oBAAyB,gCASxD"}
+{"version":3,"file":"react$.d.ts","sourceRoot":"","sources":["../../../src/commands/element/react$.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAIvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAA8B,MAAM,CAChC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,QAAQ,EAAE,MAAM,EAChB,EAAE,KAAU,EAAE,KAAU,EAAE,GAAE,oBAAyB,gCAexD"}

package/build/commands/element/react$.js

@@ -1,12 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs_1 = __importDefault(require("fs"));
-const getElementObject_1 = require("../../utils/getElementObject");
-const resq_1 = require("../../scripts/resq");
-const resqScript = fs_1.default.readFileSync(require.resolve('resq'));
+import fs from 'node:fs/promises';
+import { createRequire } from 'node:module';
+import { getBrowserObject } from '../../utils/index.js';
+import { getElement } from '../../utils/getElementObject.js';
+import { waitToLoadReact, react$ as react$Script } from '../../scripts/resq.js';
+let resqScript;
 /**
  *
  * The `react$` command is a useful command to query React Components by their
@@ -50,10 +47,14 @@ const resqScript = fs_1.default.readFileSync(require.resolve('resq'));
  * @return {Element}
  *
  */
-async function react$(selector, { props = {}, state = {} } = {}) {
+export default async function react$(selector, { props = {}, state = {} } = {}) {
+    if (!resqScript) {
+        const require = createRequire(import.meta.url);
+        resqScript = (await fs.readFile(require.resolve('resq'))).toString();
+    }
+    const browser = await getBrowserObject(this);
     await this.executeScript(resqScript.toString(), []);
-    await this.execute(resq_1.waitToLoadReact);
-    const res = await this.execute(resq_1.react$, selector, props, state, this);
-    return getElementObject_1.getElement.call(this, selector, res, true);
+    await browser.execute(waitToLoadReact);
+    const res = await browser.execute(react$Script, selector, props, state, this);
+    return getElement.call(this, selector, res, true);
 }
-exports.default = react$;

package/build/commands/element/saveScreenshot.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 fs_1 = __importDefault(require("fs"));
-const utils_1 = require("../../utils");
+import fs from 'node:fs';
+import { getAbsoluteFilepath, assertDirectoryExists } from '../../utils/index.js';
 /**
  *
  * Save a screenshot of an element to a PNG file on your OS.
@@ -23,18 +18,17 @@ const utils_1 = require("../../utils");
  * @type utility
  *
  */
-async function saveScreenshot(filepath) {
+export default async function saveScreenshot(filepath) {
     /**
      * type check
      */
     if (typeof filepath !== 'string' || !filepath.endsWith('.png')) {
         throw new Error('saveScreenshot expects a filepath of type string and ".png" file ending');
     }
-    const absoluteFilepath = (0, utils_1.getAbsoluteFilepath)(filepath);
-    (0, utils_1.assertDirectoryExists)(absoluteFilepath);
+    const absoluteFilepath = getAbsoluteFilepath(filepath);
+    assertDirectoryExists(absoluteFilepath);
     const screenBuffer = await this.takeElementScreenshot(this.elementId);
     const screenshot = Buffer.from(screenBuffer, 'base64');
-    fs_1.default.writeFileSync(absoluteFilepath, screenshot);
+    fs.writeFileSync(absoluteFilepath, screenshot);
     return screenshot;
 }
-exports.default = saveScreenshot;

package/build/commands/element/scrollIntoView.d.ts

@@ -8,14 +8,16 @@
         const elem = await $('#myElement');
         // scroll to specific element
         await elem.scrollIntoView();
+        // center element within the viewport
+        await elem.scrollIntoView({ block: 'center', inline: 'center' });
     });
  * </example>
  *
  * @alias element.scrollIntoView
- * @param {object|boolean=} scrollIntoViewOptions  options for `Element.scrollIntoView()` (default: `true`)
+ * @param {object|boolean=} scrollIntoViewOptions  options for `Element.scrollIntoView()` (default: `{ block: 'start', inline: 'nearest' }`)
  * @uses protocol/execute
  * @type utility
  *
  */
-export default function scrollIntoView(this: WebdriverIO.Element, scrollIntoViewOptions?: boolean | ScrollIntoViewOptions): Promise<void>;
+export default function scrollIntoView(this: WebdriverIO.Element, options?: ScrollIntoViewOptions | boolean): Promise<void>;
 //# sourceMappingURL=scrollIntoView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"scrollIntoView.d.ts","sourceRoot":"","sources":["../../../src/commands/element/scrollIntoView.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAClC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,qBAAqB,GAAE,OAAO,GAAG,qBAA4B,iBAQhE"}
+{"version":3,"file":"scrollIntoView.d.ts","sourceRoot":"","sources":["../../../src/commands/element/scrollIntoView.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAA8B,cAAc,CACxC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,OAAO,GAAE,qBAAqB,GAAG,OAA+C,iBA8BnF"}

package/build/commands/element/scrollIntoView.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const constants_1 = require("../../constants");
+import { getBrowserObject } from '../../utils/index.js';
 /**
  *
  * Scroll element into viewport ([MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView)).
@@ -11,21 +9,44 @@ const constants_1 = require("../../constants");
         const elem = await $('#myElement');
         // scroll to specific element
         await elem.scrollIntoView();
+        // center element within the viewport
+        await elem.scrollIntoView({ block: 'center', inline: 'center' });
     });
  * </example>
  *
  * @alias element.scrollIntoView
- * @param {object|boolean=} scrollIntoViewOptions  options for `Element.scrollIntoView()` (default: `true`)
+ * @param {object|boolean=} scrollIntoViewOptions  options for `Element.scrollIntoView()` (default: `{ block: 'start', inline: 'nearest' }`)
  * @uses protocol/execute
  * @type utility
  *
  */
-function scrollIntoView(scrollIntoViewOptions = true) {
-    return this.parent.execute(/* istanbul ignore next */ function (elem, options) {
-        elem.scrollIntoView(options);
-    }, {
-        [constants_1.ELEMENT_KEY]: this.elementId,
-        ELEMENT: this.elementId // jsonwp compatible
-    }, scrollIntoViewOptions);
+export default async function scrollIntoView(options = { block: 'start', inline: 'nearest' }) {
+    const browser = getBrowserObject(this);
+    let deltaX = 0;
+    let deltaY = 0;
+    /**
+     * by default the WebDriver action scrolls the element just into the
+     * viewport. In order to stay complaint with `Element.scrollIntoView()`
+     * we need to adjust the values a bit.
+     */
+    if (typeof options === 'boolean' || typeof options.block === 'string' || typeof options.inline === 'string') {
+        const htmlElem = await browser.$('html');
+        const viewport = await htmlElem.getSize();
+        const elemSize = await this.getSize();
+        if (options === true || options.block === 'start') {
+            deltaY += viewport.height - elemSize.height;
+        }
+        else if (options.block === 'center') {
+            deltaY += Math.round((viewport.height - elemSize.height) / 2);
+        }
+        if (options.inline === 'start') {
+            deltaX += viewport.height - elemSize.height;
+        }
+        else if (options.block === 'center') {
+            deltaX += Math.round((viewport.height - elemSize.height) / 2);
+        }
+    }
+    return browser.action('wheel')
+        .scroll({ origin: this, duration: 200, deltaY, deltaX })
+        .perform();
 }
-exports.default = scrollIntoView;

package/build/commands/element/selectByAttribute.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
+import { getElementFromResponse } from '../../utils/index.js';
 /**
  *
  * Select option with a specific value.
@@ -36,7 +34,7 @@ const utils_1 = require("../../utils");
  * @type action
  *
  */
-async function selectByAttribute(attribute, value) {
+export default async function selectByAttribute(attribute, value) {
     /**
      * convert value into string
      */
@@ -54,6 +52,5 @@ async function selectByAttribute(attribute, value) {
     /**
     * select option
     */
-    return this.elementClick((0, utils_1.getElementFromResponse)(optionElement));
+    return this.elementClick(getElementFromResponse(optionElement));
 }
-exports.default = selectByAttribute;

package/build/commands/element/selectByIndex.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
+import { getElementFromResponse } from '../../utils/index.js';
 /**
  *
  * Select option with a specific index.
@@ -30,7 +28,7 @@ const utils_1 = require("../../utils");
  * @type action
  *
  */
-async function selectByIndex(index) {
+export default async function selectByIndex(index) {
     /**
      * negative index check
      */
@@ -50,6 +48,5 @@ async function selectByIndex(index) {
     /**
     * select option
     */
-    return this.elementClick((0, utils_1.getElementFromResponse)(optionElements[index]));
+    return this.elementClick(getElementFromResponse(optionElements[index]));
 }
-exports.default = selectByIndex;

package/build/commands/element/selectByVisibleText.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
+import { getElementFromResponse } from '../../utils/index.js';
 /**
  *
  * Select option with displayed text matching the argument.
@@ -30,7 +28,7 @@ const utils_1 = require("../../utils");
  * @type action
  *
  */
-async function selectByVisibleText(text) {
+export default async function selectByVisibleText(text) {
     /**
      * convert value into string
      */
@@ -61,6 +59,5 @@ async function selectByVisibleText(text) {
     /**
     * select option
     */
-    return this.elementClick((0, utils_1.getElementFromResponse)(optionElement));
+    return this.elementClick(getElementFromResponse(optionElement));
 }
-exports.default = selectByVisibleText;