webdriverio 7.16.16 → 7.17.0

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

@@ -1,71 +0,0 @@
-/**
- *
- * Get a css property from a DOM-element selected by given selector. The return value
- * is formatted to be testable. Colors gets parsed via [rgb2hex](https://www.npmjs.org/package/rgb2hex)
- * and all other properties get parsed via [css-value](https://www.npmjs.org/package/css-value).
- *
- * :::info
- *
- * Note that shorthand CSS properties (e.g. `background`, `font`, `border`, `margin`,
- * `padding`, `list-style`, `outline`, `pause`, `cue`) will be expanded to fetch all longhand
- * properties resulting in multiple WebDriver calls. If you are interested in a specific
- * longhand property it is recommended to query for that instead.
- *
- * :::
- *
- * <example>
-    :example.html
-    <label id="myLabel" for="input" style="color: #0088cc; font-family: helvetica, arial, freesans, clean, sans-serif, width: 100px">Some Label</label>
-    :getCSSProperty.js
-    it('should demonstrate the getCSSProperty command', async () => {
-        const elem = await $('#myLabel')
-        const color = await elem.getCSSProperty('color')
-        console.log(color)
-        // outputs the following:
-        // {
-        //     property: 'color',
-        //     value: 'rgba(0, 136, 204, 1)',
-        //     parsed: {
-        //         hex: '#0088cc',
-        //         alpha: 1,
-        //         type: 'color',
-        //         rgba: 'rgba(0, 136, 204, 1)'
-        //     }
-        // }
-
-        const font = await elem.getCSSProperty('font-family')
-        console.log(font)
-        // outputs the following:
-        // {
-        //      property: 'font-family',
-        //      value: 'helvetica',
-        //      parsed: {
-        //          value: [ 'helvetica', 'arial', 'freesans', 'clean', 'sans-serif' ],
-        //          type: 'font',
-        //          string: 'helvetica, arial, freesans, clean, sans-serif'
-        //      }
-        // }
-
-        var width = await elem.getCSSProperty('width')
-        console.log(width)
-        // outputs the following:
-        // {
-        //     property: 'width',
-        //     value: '100px',
-        //     parsed: {
-        //         type: 'number',
-        //         string: '100px',
-        //         unit: 'px',
-        //         value: 100
-        //     }
-        // }
-    })
- * </example>
- *
- * @alias element.getCSSProperty
- * @param  {String}      cssProperty css property name
- * @return {CSSProperty}             The specified css of the element
- *
- */
-export default function getCSSProperty(this: WebdriverIO.Element, cssProperty: string): Promise<import("../..").ParsedCSSValue>;
-//# sourceMappingURL=getCSSProperty.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getCSSProperty.d.ts","sourceRoot":"","sources":["../../../src/commands/element/getCSSProperty.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,wBAA8B,cAAc,CACxC,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,WAAW,EAAE,MAAM,2CAsCtB"}

package/build/commands/element/getCSSProperty.js

@@ -1,108 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const css_shorthand_properties_1 = __importDefault(require("css-shorthand-properties"));
-const utils_1 = require("../../utils");
-/**
- *
- * Get a css property from a DOM-element selected by given selector. The return value
- * is formatted to be testable. Colors gets parsed via [rgb2hex](https://www.npmjs.org/package/rgb2hex)
- * and all other properties get parsed via [css-value](https://www.npmjs.org/package/css-value).
- *
- * :::info
- *
- * Note that shorthand CSS properties (e.g. `background`, `font`, `border`, `margin`,
- * `padding`, `list-style`, `outline`, `pause`, `cue`) will be expanded to fetch all longhand
- * properties resulting in multiple WebDriver calls. If you are interested in a specific
- * longhand property it is recommended to query for that instead.
- *
- * :::
- *
- * <example>
-    :example.html
-    <label id="myLabel" for="input" style="color: #0088cc; font-family: helvetica, arial, freesans, clean, sans-serif, width: 100px">Some Label</label>
-    :getCSSProperty.js
-    it('should demonstrate the getCSSProperty command', async () => {
-        const elem = await $('#myLabel')
-        const color = await elem.getCSSProperty('color')
-        console.log(color)
-        // outputs the following:
-        // {
-        //     property: 'color',
-        //     value: 'rgba(0, 136, 204, 1)',
-        //     parsed: {
-        //         hex: '#0088cc',
-        //         alpha: 1,
-        //         type: 'color',
-        //         rgba: 'rgba(0, 136, 204, 1)'
-        //     }
-        // }
-
-        const font = await elem.getCSSProperty('font-family')
-        console.log(font)
-        // outputs the following:
-        // {
-        //      property: 'font-family',
-        //      value: 'helvetica',
-        //      parsed: {
-        //          value: [ 'helvetica', 'arial', 'freesans', 'clean', 'sans-serif' ],
-        //          type: 'font',
-        //          string: 'helvetica, arial, freesans, clean, sans-serif'
-        //      }
-        // }
-
-        var width = await elem.getCSSProperty('width')
-        console.log(width)
-        // outputs the following:
-        // {
-        //     property: 'width',
-        //     value: '100px',
-        //     parsed: {
-        //         type: 'number',
-        //         string: '100px',
-        //         unit: 'px',
-        //         value: 100
-        //     }
-        // }
-    })
- * </example>
- *
- * @alias element.getCSSProperty
- * @param  {String}      cssProperty css property name
- * @return {CSSProperty}             The specified css of the element
- *
- */
-async function getCSSProperty(cssProperty) {
-    /**
-     * Getting the css value of a shorthand property results in different results
-     * given that the behavior of `getComputedStyle` is not defined in this case.
-     * Therefore if we don't deal with a shorthand property run `getElementCSSValue`
-     * otherwise expand it and run the command for each longhand property.
-     */
-    if (!css_shorthand_properties_1.default.isShorthand(cssProperty)) {
-        const cssValue = await this.getElementCSSValue(this.elementId, cssProperty);
-        return (0, utils_1.parseCSS)(cssValue, cssProperty);
-    }
-    const properties = css_shorthand_properties_1.default.expand(cssProperty);
-    let cssValues = await Promise.all(properties.map((prop) => this.getElementCSSValue(this.elementId, prop)));
-    /**
-     * merge equal symmetrical values
-     * - e.g. `36px 10px 36px 10px` to `36px 10px`
-     * - or `0px 0px 0px 0px` to `0px`
-     */
-    while ((cssValues.length % 2) === 0) {
-        const mergedValues = [
-            cssValues.slice(0, cssValues.length / 2).join(' '),
-            cssValues.slice(cssValues.length / 2).join(' ')
-        ];
-        const hasEqualProperties = mergedValues.every((v) => v === mergedValues[0]);
-        if (!hasEqualProperties) {
-            break;
-        }
-        cssValues = cssValues.slice(0, cssValues.length / 2);
-    }
-    return (0, utils_1.parseCSS)(cssValues.join(' '), cssProperty);
-}
-exports.default = getCSSProperty;

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

@@ -1,20 +0,0 @@
-/**
- *
- * Get the computed WAI-ARIA label of an element.
- *
- * <example>
-    :getComputedLabel.js
-    it('should demonstrate the getComputedLabel command', async () => {
-        await browser.url('https://www.google.com/ncr')
-        const elem = await $('*[name="q"]');
-        console.log(await elem.getComputedLabel()); // outputs: "Search"
-    })
- * </example>
- *
- * @alias element.getComputedLabel
- * @return {String} the computed WAI-ARIA label
- * @type property
- *
- */
-export default function getComputedLabel(this: WebdriverIO.Element): Promise<string>;
-//# sourceMappingURL=getComputedLabel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getComputedLabel.d.ts","sourceRoot":"","sources":["../../../src/commands/element/getComputedLabel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,mBAElE"}

package/build/commands/element/getComputedLabel.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- *
- * Get the computed WAI-ARIA label of an element.
- *
- * <example>
-    :getComputedLabel.js
-    it('should demonstrate the getComputedLabel command', async () => {
-        await browser.url('https://www.google.com/ncr')
-        const elem = await $('*[name="q"]');
-        console.log(await elem.getComputedLabel()); // outputs: "Search"
-    })
- * </example>
- *
- * @alias element.getComputedLabel
- * @return {String} the computed WAI-ARIA label
- * @type property
- *
- */
-function getComputedLabel() {
-    return this.getElementComputedLabel(this.elementId);
-}
-exports.default = getComputedLabel;

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

@@ -1,20 +0,0 @@
-/**
- *
- * Get the computed WAI-ARIA label of an element.
- *
- * <example>
-    :getComputedRole.js
-    it('should demonstrate the getComputedRole command', async () => {
-        await browser.url('https://www.google.com/ncr')
-        const elem = await $('*[name="q"]');
-        console.log(await elem.getComputedRole()); // outputs: "combobox"
-    })
- * </example>
- *
- * @alias element.getComputedRole
- * @return {String} the computed WAI-ARIA label
- * @type property
- *
- */
-export default function getComputedRole(this: WebdriverIO.Element): Promise<string>;
-//# sourceMappingURL=getComputedRole.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getComputedRole.d.ts","sourceRoot":"","sources":["../../../src/commands/element/getComputedRole.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,mBAEjE"}

package/build/commands/element/getComputedRole.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- *
- * Get the computed WAI-ARIA label of an element.
- *
- * <example>
-    :getComputedRole.js
-    it('should demonstrate the getComputedRole command', async () => {
-        await browser.url('https://www.google.com/ncr')
-        const elem = await $('*[name="q"]');
-        console.log(await elem.getComputedRole()); // outputs: "combobox"
-    })
- * </example>
- *
- * @alias element.getComputedRole
- * @return {String} the computed WAI-ARIA label
- * @type property
- *
- */
-function getComputedRole() {
-    return this.getElementComputedRole(this.elementId);
-}
-exports.default = getComputedRole;

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

@@ -1,32 +0,0 @@
-/**
- *
- * Get source code of specified DOM element by selector.
- *
- * <example>
-    :index.html
-    <div id="test">
-        <span>Lorem ipsum dolor amet</span>
-    </div>
-    :getHTML.js
-    it('should get html for certain elements', async () => {
-        var outerHTML = await $('#test').getHTML();
-        console.log(outerHTML);
-        // outputs:
-        // "<div id="test"><span>Lorem ipsum dolor amet</span></div>"
-
-        var innerHTML = await $('#test').getHTML(false);
-        console.log(innerHTML);
-        // outputs:
-        // "<span>Lorem ipsum dolor amet</span>"
-    });
- * </example>
- *
- * @alias element.getHTML
- * @param {Boolean=} includeSelectorTag if true it includes the selector element tag (default: true)
- * @return {String}  the HTML of the specified element
- * @uses action/selectorExecute
- * @type property
- *
- */
-export default function getHTML(this: WebdriverIO.Element, includeSelectorTag?: boolean): Promise<string>;
-//# sourceMappingURL=getHTML.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getHTML.d.ts","sourceRoot":"","sources":["../../../src/commands/element/getHTML.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAC3B,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,kBAAkB,UAAO,mBAO5B"}

package/build/commands/element/getHTML.js

@@ -1,46 +0,0 @@
-"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 getHTML_1 = __importDefault(require("../../scripts/getHTML"));
-/**
- *
- * Get source code of specified DOM element by selector.
- *
- * <example>
-    :index.html
-    <div id="test">
-        <span>Lorem ipsum dolor amet</span>
-    </div>
-    :getHTML.js
-    it('should get html for certain elements', async () => {
-        var outerHTML = await $('#test').getHTML();
-        console.log(outerHTML);
-        // outputs:
-        // "<div id="test"><span>Lorem ipsum dolor amet</span></div>"
-
-        var innerHTML = await $('#test').getHTML(false);
-        console.log(innerHTML);
-        // outputs:
-        // "<span>Lorem ipsum dolor amet</span>"
-    });
- * </example>
- *
- * @alias element.getHTML
- * @param {Boolean=} includeSelectorTag if true it includes the selector element tag (default: true)
- * @return {String}  the HTML of the specified element
- * @uses action/selectorExecute
- * @type property
- *
- */
-function getHTML(includeSelectorTag = true) {
-    const browser = (0, utils_1.getBrowserObject)(this);
-    return browser.execute(getHTML_1.default, {
-        [constants_1.ELEMENT_KEY]: this.elementId,
-        ELEMENT: this.elementId // jsonwp compatible
-    }, includeSelectorTag);
-}
-exports.default = getHTML;

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

@@ -1,6 +0,0 @@
-import type { RectReturn } from '@wdio/protocols';
-export declare type Location = Pick<RectReturn, 'x' | 'y'>;
-declare function getLocation(this: WebdriverIO.Element): Promise<Location>;
-declare function getLocation(this: WebdriverIO.Element, prop: keyof Location): Promise<number>;
-export default getLocation;
-//# sourceMappingURL=getLocation.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getLocation.d.ts","sourceRoot":"","sources":["../../../src/commands/element/getLocation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAGjD,oBAAY,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;AAEnD,iBAAS,WAAW,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;AAEnE,iBAAS,WAAW,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;AAkDvF,eAAe,WAAW,CAAA"}

package/build/commands/element/getLocation.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
-/**
- *
- * Determine an element’s location on the page. The point (0, 0) refers to
- * the upper-left corner of the page.
- *
- * <example>
-    :getLocation.js
-    it('should demonstrate the getLocation function', async () => {
-        await browser.url('http://github.com');
-        const logo = await $('.octicon-mark-github')
-        const location = await logo.getLocation();
-        console.log(location); // outputs: { x: 150, y: 20 }
-
-        const xLocation = await logo.getLocation('x')
-        console.log(xLocation); // outputs: 150
-
-        const yLocation = await logo.getLocation('y')
-        console.log(yLocation); // outputs: 20
-    });
- * </example>
- *
- * @alias element.getLocation
- * @param {String} prop    can be "x" or "y" to get a result value directly for easier assertions
- * @return {Object|Number}  The X and Y coordinates for the element on the page (`{x:number, y:number}`)
- * @uses protocol/elementIdLocation
- * @type property
- */
-async function getLocation(prop) {
-    let location = {};
-    if (this.isW3C) {
-        location = await (0, utils_1.getElementRect)(this);
-        delete location.width;
-        delete location.height;
-    }
-    else {
-        location = await this.getElementLocation(this.elementId);
-    }
-    if (prop === 'x' || prop === 'y') {
-        return location[prop];
-    }
-    return location;
-}
-exports.default = getLocation;

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

@@ -1,53 +0,0 @@
-/**
- * The Get Element Property command will return the result of getting a property of an element.
- *
- * <example>
-    :getProperty.js
-    it('should demonstrate the getProperty command', async () => {
-        var elem = await $('body')
-        var tag = await elem.getProperty('tagName')
-        console.log(tag) // outputs: "BODY"
-    })
- * </example>
- *
- * @alias element.getProperty
- * @param {String} property  name of the element property
- * @return {Object|String|Boolean|Number|null} the value of the property of the selected element
- */
-export default function getProperty(this: WebdriverIO.Element, property: string): Promise<string | number | boolean | HTMLElement | Element | ChildNode | ParentNode | (() => DOMRect) | Document | ((event: Event) => boolean) | ((this: GlobalEventHandlers, ev: UIEvent) => any) | ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: FocusEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: DragEvent) => any) | ((this: GlobalEventHandlers, ev: DragEvent) => any) | ((this: GlobalEventHandlers, ev: DragEvent) => any) | ((this: GlobalEventHandlers, ev: DragEvent) => any) | ((this: GlobalEventHandlers, ev: DragEvent) => any) | ((this: GlobalEventHandlers, ev: DragEvent) => any) | ((this: GlobalEventHandlers, ev: DragEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | OnErrorEventHandler | ((this: GlobalEventHandlers, ev: FocusEvent) => any) | ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: MouseEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: PointerEvent) => any) | ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: UIEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: TouchEvent) => any) | ((this: GlobalEventHandlers, ev: TouchEvent) => any) | ((this: GlobalEventHandlers, ev: TouchEvent) => any) | ((this: GlobalEventHandlers, ev: TouchEvent) => any) | ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: Event) => any) | ((this: GlobalEventHandlers, ev: WheelEvent) => any) | (() => ElementInternals) | (() => void) | {
-    <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-    (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-} | {
-    <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-    (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-} | NamedNodeMap | DOMTokenList | ((this: Element, ev: Event) => any) | ((this: Element, ev: Event) => any) | ShadowRoot | ((init: ShadowRootInit) => ShadowRoot) | {
-    <K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
-    <K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
-    <E extends Element = Element>(selectors: string): E | null;
-} | ((qualifiedName: string) => string | null) | ((namespace: string | null, localName: string) => string | null) | (() => string[]) | ((qualifiedName: string) => Attr | null) | ((namespace: string | null, localName: string) => Attr | null) | (() => DOMRectList) | ((classNames: string) => HTMLCollectionOf<Element>) | {
-    <K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
-    <K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
-    (qualifiedName: string): HTMLCollectionOf<Element>;
-} | {
-    (namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
-    (namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-    (namespace: string | null, localName: string): HTMLCollectionOf<Element>;
-} | ((qualifiedName: string) => boolean) | ((namespace: string | null, localName: string) => boolean) | (() => boolean) | ((pointerId: number) => boolean) | ((where: InsertPosition, element: Element) => Element | null) | ((position: InsertPosition, text: string) => void) | ((where: InsertPosition, data: string) => void) | ((selectors: string) => boolean) | ((pointerId: number) => void) | ((qualifiedName: string) => void) | ((namespace: string | null, localName: string) => void) | ((attr: Attr) => Attr) | ((options?: FullscreenOptions | undefined) => Promise<void>) | (() => void) | {
-    (options?: ScrollToOptions | undefined): void;
-    (x: number, y: number): void;
-} | {
-    (options?: ScrollToOptions | undefined): void;
-    (x: number, y: number): void;
-} | ((arg?: boolean | ScrollIntoViewOptions | undefined) => void) | {
-    (options?: ScrollToOptions | undefined): void;
-    (x: number, y: number): void;
-} | ((qualifiedName: string, value: string) => void) | ((namespace: string | null, qualifiedName: string, value: string) => void) | ((attr: Attr) => Attr | null) | ((attr: Attr) => Attr | null) | ((pointerId: number) => void) | ((qualifiedName: string, force?: boolean | undefined) => boolean) | ((selectors: string) => boolean) | NodeListOf<ChildNode> | (<T extends Node>(node: T) => T) | ((deep?: boolean | undefined) => Node) | ((other: Node) => number) | ((other: Node | null) => boolean) | ((options?: GetRootNodeOptions | undefined) => Node) | (() => boolean) | (<T_1 extends Node>(node: T_1, child: Node | null) => T_1) | ((namespace: string | null) => boolean) | ((otherNode: Node | null) => boolean) | ((otherNode: Node | null) => boolean) | ((prefix: string | null) => string | null) | ((namespace: string | null) => string | null) | (() => void) | (<T_2 extends Node>(child: T_2) => T_2) | (<T_3 extends Node>(node: Node, child: T_3) => T_3) | ((keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation) | ((options?: GetAnimationsOptions | undefined) => Animation[]) | ((...nodes: (string | Node)[]) => void) | ((...nodes: (string | Node)[]) => void) | (() => void) | ((...nodes: (string | Node)[]) => void) | HTMLCollection | ((...nodes: (string | Node)[]) => void) | ((...nodes: (string | Node)[]) => void) | {
-    <K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
-    <K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
-    <E_1 extends Element = Element>(selectors: string): E_1 | null;
-} | {
-    <K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
-    <K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
-    <E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
-} | ((...nodes: (string | Node)[]) => void) | HTMLSlotElement | ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | CSSStyleDeclaration | DOMStringMap | (() => void) | ((options?: FocusOptions | undefined) => void) | undefined>;
-//# sourceMappingURL=getProperty.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getProperty.d.ts","sourceRoot":"","sources":["../../../src/commands/element/getProperty.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAC/B,IAAI,EAAE,WAAW,CAAC,OAAO,EACzB,QAAQ,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qYAYnB"}

package/build/commands/element/getProperty.js

@@ -1,31 +0,0 @@
-"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("../../utils");
-const getProperty_1 = __importDefault(require("../../scripts/getProperty"));
-/**
- * The Get Element Property command will return the result of getting a property of an element.
- *
- * <example>
-    :getProperty.js
-    it('should demonstrate the getProperty command', async () => {
-        var elem = await $('body')
-        var tag = await elem.getProperty('tagName')
-        console.log(tag) // outputs: "BODY"
-    })
- * </example>
- *
- * @alias element.getProperty
- * @param {String} property  name of the element property
- * @return {Object|String|Boolean|Number|null} the value of the property of the selected element
- */
-function getProperty(property) {
-    if (this.isW3C) {
-        return this.getElementProperty(this.elementId, property);
-    }
-    const browser = (0, utils_1.getBrowserObject)(this);
-    return browser.execute(getProperty_1.default, { ELEMENT: this.elementId }, property);
-}
-exports.default = getProperty;

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

@@ -1,6 +0,0 @@
-import type { RectReturn } from '@wdio/protocols';
-export declare type Size = Pick<RectReturn, 'width' | 'height'>;
-declare function getSize(this: WebdriverIO.Element): Promise<Size>;
-declare function getSize(this: WebdriverIO.Element, prop: keyof RectReturn): Promise<number>;
-export default getSize;
-//# sourceMappingURL=getSize.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getSize.d.ts","sourceRoot":"","sources":["../../../src/commands/element/getSize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD,oBAAY,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;AAExD,iBAAS,OAAO,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE5D,iBAAS,OAAO,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;AAmDtF,eAAe,OAAO,CAAA"}

package/build/commands/element/getSize.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../../utils");
-/**
- *
- * Get the width and height for an DOM-element.
- *
- * <example>
-    :getSize.js
-    it('should demonstrate the getSize command', async () => {
-        await browser.url('http://github.com')
-        const logo = await $('.octicon-mark-github')
-
-        const size = await logo.getSize()
-        console.log(size) // outputs: { width: 32, height: 32 }
-
-        const width = await logo.getSize('width')
-        console.log(width) // outputs: 32
-
-        const height = await logo.getSize('height')
-        console.log(height) // outputs: 32
-    })
- * </example>
- *
- * @alias element.getElementSize
- * @param {String=} prop     size to receive [optional] ("width" or "height")
- * @return {Object|Number}    requested element size (`{ width: <Number>, height: <Number> }`) or actual width/height as number if prop param is given
- * @type property
- *
- */
-async function getSize(prop) {
-    let rect = {};
-    if (this.isW3C) {
-        rect = await (0, utils_1.getElementRect)(this);
-    }
-    else {
-        rect = await this.getElementSize(this.elementId);
-    }
-    if (prop && rect[prop]) {
-        return rect[prop];
-    }
-    return {
-        width: rect.width,
-        height: rect.height
-    };
-}
-exports.default = getSize;

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

@@ -1,25 +0,0 @@
-/**
- *
- * Get tag name of a DOM-element.
- *
- * <example>
-    :index.html
-    <div id="elem">Lorem ipsum</div>
-
-    :getTagName.js
-    it('should demonstrate the getTagName command', async () => {
-        const elem = await $('#elem');
-
-        const tagName = await elem.getTagName();
-        console.log(tagName); // outputs: "div"
-    })
- * </example>
- *
- * @alias element.getTagName
- * @return {String} the element's tag name, as a lowercase string
- * @uses protocol/elements, protocol/elementIdName
- * @type property
- *
- */
-export default function getTagName(this: WebdriverIO.Element): Promise<string>;
-//# sourceMappingURL=getTagName.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getTagName.d.ts","sourceRoot":"","sources":["../../../src/commands/element/getTagName.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAE,IAAI,EAAE,WAAW,CAAC,OAAO,mBAE5D"}

package/build/commands/element/getTagName.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- *
- * Get tag name of a DOM-element.
- *
- * <example>
-    :index.html
-    <div id="elem">Lorem ipsum</div>
-
-    :getTagName.js
-    it('should demonstrate the getTagName command', async () => {
-        const elem = await $('#elem');
-
-        const tagName = await elem.getTagName();
-        console.log(tagName); // outputs: "div"
-    })
- * </example>
- *
- * @alias element.getTagName
- * @return {String} the element's tag name, as a lowercase string
- * @uses protocol/elements, protocol/elementIdName
- * @type property
- *
- */
-function getTagName() {
-    return this.getElementTagName(this.elementId);
-}
-exports.default = getTagName;