@testim/testim-cli 3.288.0 → 3.290.0-beta

package/player/stepActions/scripts/doDragPath.js

@@ -1,225 +0,0 @@
-'use strict';
-
-
-const doDragPath = function (eventData, done) {
-    const eventConstructorSupported = typeof Event === 'function';
-    const pointerEventConstructorSupported = typeof PointerEvent === 'function';
-    const MAX_EVENT_TIMEOUT = 40; //max msec between events
-
-    window.__unloadNavigator = resolve;
-
-    window.addEventListener('unload', window.__unloadNavigator);
-
-    function resolve(result) {
-        const status = {
-            status: 'done',
-            result,
-            success: true,
-        };
-        done(status);
-    }
-
-    function reject(result) {
-        result = result || {};
-        const status = {
-            status: 'failed',
-            result,
-            success: false,
-        };
-
-        done(status);
-    }
-
-    function dispatchMouseOver(element) {
-        const event = eventConstructorSupported ? new Event('mouseover', { composed: true }) : document.createEvent('Events');
-        event.initEvent('mouseover', true, true);
-
-        element.dispatchEvent(event);
-    }
-
-    function dispatchMouseMove(element) {
-        const modifiers = {};
-        const rect = element.getBoundingClientRect();
-        const clientX = rect.left + (rect.width / 2);
-        const clientY = rect.top + (rect.height / 2);
-        const button = 0;
-        const eventType = 'mousemove';
-        const event = createMouseEvent(eventType, modifiers, clientX, clientY, button);
-
-        element.dispatchEvent(event);
-    }
-
-    function getEventPosition(userEvent, element) {
-        function isWithinBounds(start, end, point) {
-            return (point > start) && (point < end);
-        }
-
-        const pointerPosition = userEvent.pointerPosition || {};
-        if (context.isDrag) {
-            return { x: pointerPosition.originX || 0, y: pointerPosition.originY || 0 };
-        }
-        const rect = element.getBoundingClientRect();
-        const clientX = pointerPosition.originX && isWithinBounds(rect.left, rect.left + rect.width, pointerPosition.originX) ? pointerPosition.originX : rect.left + (rect.width / 2);
-        const clientY = pointerPosition.originY && isWithinBounds(rect.top, rect.top + rect.height, pointerPosition.originY) ? pointerPosition.originY : rect.top + (rect.height / 2);
-        return { x: clientX, y: clientY };
-    }
-
-    function getEventDictionary(modifiers, clientX, clientY) {
-        return {
-            screenX: 0,
-            screenY: 0,
-            clientX,
-            clientY,
-            ctrlKey: Boolean(modifiers.ctrl),
-            altKey: Boolean(modifiers.alt),
-            shiftKey: Boolean(modifiers.shift),
-            metaKey: Boolean(modifiers.meta),
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-        };
-    }
-
-    function createPointerEvent(eventType, modifiers, clientX, clientY, button) {
-        if (pointerEventConstructorSupported) {
-            const eventProperties = getEventDictionary(modifiers, clientX, clientY);
-            eventProperties.pointerType = 'mouse';
-            eventProperties.isPrimary = true;
-            return new window.PointerEvent(eventType, eventProperties);
-        }
-        const event = document.createEvent('PointerEvent');
-        event.initPointerEvent(
-            eventType,
-            true, /* bubbles */
-            true, /* cancelable */
-            document.defaultView, /* view */
-            1, /* detail */
-            0, /* screenX */
-            0, /* screenY */
-            clientX, /* clientX */
-            clientY, /* clientY */
-            Boolean(modifiers.ctrl), /* ctrl */
-            Boolean(modifiers.alt), /* alt */
-            Boolean(modifiers.shift), /* shift */
-            Boolean(modifiers.meta), /* meta */
-            button, /* button */
-            document.body ? document.body.parentNode : document.documentElement,
-            0, /* offsetYArg */
-            0, /* offsetXArg */
-            0, /* widthArg */
-            0, /* heightArg */
-            0, /* pressure */
-            0, /* rotation */
-            0, /* tiltX */
-            0, /* tiltY */
-            0, /* pointerIdArg */
-            'mouse', /* pointerType */
-            0, /* hwTimestampArg */
-            true, /* isPrimary */
-        );
-
-        return event;
-    }
-
-    function createMouseEvent(eventType, modifiers, clientX, clientY, button) {
-        const event = eventConstructorSupported ? new MouseEvent('click', { composed: true }) : document.createEvent('MouseEvents');
-        event.initMouseEvent(
-            eventType,
-            true, /* bubbles */
-            true, /* cancelable */
-            document.defaultView, /* view */
-            1, /* detail */
-            0, /* screenX */
-            0, /* screenY */
-            clientX, /* clientX */
-            clientY, /* clientY */
-            Boolean(modifiers.ctrl), /* ctrl */
-            Boolean(modifiers.alt), /* alt */
-            Boolean(modifiers.shift), /* shift */
-            Boolean(modifiers.meta), /* meta */
-            button, /* button */
-            document.body ? document.body.parentNode : document.documentElement);
-        return event;
-    }
-
-    function getMouseEvent(userEvent, context) {
-        const pointerEvents = ['pointerup', 'pointerdown', 'pointermove'];
-        const modifiers = context.modifiers || {};
-        const pos = getEventPosition(userEvent, context.element);
-        const button = context.button || 0;
-        const eventType = userEvent.event;
-        if (pointerEvents.includes(eventType)) {
-            return createPointerEvent(eventType, modifiers, pos.x, pos.y, button);
-        }
-        return createMouseEvent(eventType, modifiers, pos.x, pos.y, button);
-    }
-
-    function shouldSkipEvent(currentEvent, context) {
-        function isClickInDragAndDrop() {
-            return currentEvent.event === 'click' &&
-                context.isDrag &&
-                !context.allEventsOnSameElement;
-        }
-        return isClickInDragAndDrop();
-    }
-
-    function executeAsyncNextEventRecursive(index, context, done) {
-        try {
-            const event = getMouseEvent(context.events[index], context);
-            if (!shouldSkipEvent(event, context)) {
-                context.element.dispatchEvent(event);
-            }
-        } catch (ignore) { /* ignored */ }
-
-        if (index + 1 === context.events.length) {
-            done();
-        } else {
-            const delay = Math.min(context.events[index + 1].timeStamp - context.events[index].timeStamp, MAX_EVENT_TIMEOUT);
-            setTimeout(() => {
-                executeAsyncNextEventRecursive(index + 1, context, done);
-            }, delay);
-        }
-    }
-
-    function executeAsyncEventSequence(context, done) {
-        executeAsyncNextEventRecursive(0, context, () => {
-            if (window.__unloadNavigator) {
-                window.removeEventListener('unload', window.__unloadNavigator);
-            }
-            done();
-        });
-    }
-
-    // eslint-disable-next-line no-undef
-    const element = eventData.isRoot ? document.documentElement : getLocatedElement(eventData.locatedElement);
-
-    const context = {
-        eventIndex: 0,
-        element,
-        events: eventData.events,
-        eventType: eventData.eventType,
-        eventData: eventData.eventData,
-        stepId: eventData.id,
-        testResultId: eventData.testResultId,
-        quirks: eventData.quirks,
-        isDoubleClick: eventData.isDoubleClick,
-        isDrag: eventData.isDrag,
-        useRecordedMousedown: eventData.useRecordedMousedown,
-        trackActiveElement: eventData.trackActiveElement,
-        allEventsOnSameElement: eventData.allEventsOnSameElement,
-    };
-
-    if (!context.element) {
-        reject('element not found');
-        return;
-    }
-
-    dispatchMouseOver(context.element);
-    dispatchMouseMove(context.element);
-
-    executeAsyncEventSequence(context, () => {
-        resolve();
-    });
-};
-
-module.exports = doDragPath;

package/player/stepActions/scripts/doubleClick.js

@@ -1,119 +0,0 @@
-/* global getLocatedElement, dispatchFocus */
-
-const doubleClick = function (eventData, done) {
-    const POINTER_EVENTS = ['pointerup', 'pointerdown', 'pointermove'];
-    const element = getLocatedElement(eventData.locatedElement);
-
-    if (!element) {
-        throw new Error('element not found');
-    }
-    const events = eventData.events;
-
-    const successObject = {
-        status: 'done',
-        success: true,
-    };
-
-    window.__unloadNavigator = function () { done(successObject); };
-
-    const getEventPosition = function (userEvent) {
-        function isWithinBounds(start, end, point) {
-            return (point > start) && (point < end);
-        }
-
-        const pointerPosition = userEvent.pointerPosition || {};
-        const rect = element.getBoundingClientRect();
-        const clientX = pointerPosition.originX && isWithinBounds(rect.left, rect.left + rect.width, pointerPosition.originX) ? pointerPosition.originX : rect.left + (rect.width / 2);
-        const clientY = pointerPosition.originY && isWithinBounds(rect.top, rect.top + rect.height, pointerPosition.originY) ? pointerPosition.originY : rect.top + (rect.height / 2);
-        return { x: clientX, y: clientY };
-    };
-
-    const getPointerEventDictionary = function (clientX, clientY) {
-        return {
-            screenX: 0,
-            screenY: 0,
-            clientX,
-            clientY,
-            ctrlKey: false,
-            altKey: false,
-            shiftKey: false,
-            metaKey: false,
-            bubbles: true,
-            cancelable: true,
-            button: 0,
-            pointerType: 'mouse',
-            isPrimary: true,
-        };
-    };
-
-    const createPointerEvent = function (eventType, clientX, clientY) {
-        if (!window.PointerEvent) {
-            return undefined;
-        }
-        const eventProperties = getPointerEventDictionary(clientX, clientY);
-        return new window.PointerEvent(eventType, eventProperties);
-    };
-
-    const createMouseEvent = function (eventType, clientX, clientY) {
-        const event = document.createEvent('MouseEvents');
-        event.initMouseEvent(
-            eventType,
-            true, /* bubbles */
-            true, /* cancelable */
-            document.defaultView, /* view */
-            1, /* detail */
-            0, /* screenX */
-            0, /* screenY */
-            clientX, /* clientX */
-            clientY, /* clientY */
-            false, /* ctrl */
-            false, /* alt */
-            false, /* shift */
-            false, /* meta */
-            0, /* button */
-            document.body ? document.body.parentNode : document.documentElement);
-        return event;
-    };
-
-    const findEffectiveActiveElement = function () {
-        let activeElement = document.activeElement;
-        while (activeElement.shadowRoot?.activeElement) {
-            activeElement = activeElement.shadowRoot.activeElement;
-        }
-        return activeElement;
-    };
-
-    const getEvent = function (userEventData) {
-        const pos = getEventPosition(userEventData);
-        const eventType = userEventData.event;
-        if (POINTER_EVENTS.includes(eventType)) {
-            return createPointerEvent(eventType, pos.x, pos.y);
-        }
-        return createMouseEvent(eventType, pos.x, pos.y);
-    };
-    try {
-        events
-            .map((userEventData) => getEvent(userEventData))
-            .filter(Boolean)
-            .forEach((event) => element.dispatchEvent(event));
-        const oldActiveElement = findEffectiveActiveElement();
-        dispatchFocus(eventData.elementToFocusLocatedElement, oldActiveElement);
-        if (window.__unloadNavigator) {
-            window.removeEventListener('unload', window.__unloadNavigator);
-            window.__unloadNavigator = null;
-        }
-        done(successObject);
-    } catch (e) {
-        if (window.__unloadNavigator) {
-            window.removeEventListener('unload', window.__unloadNavigator);
-            window.__unloadNavigator = null;
-        }
-        done({
-            status: 'done',
-            result: e.toString(),
-            success: false,
-        });
-    }
-};
-
-module.exports = doubleClick;

package/player/stepActions/scripts/dropEvent.js

@@ -1,63 +0,0 @@
-/* global getLocatedElement, createDropEvent */
-
-'use strict';
-
-const downloadFileAndFireDropEvent = function (locatedElement, fileUrls) {
-    // eslint-disable-next-line no-undef
-    const element = getLocatedElement(locatedElement);
-
-    if (!element) {
-        throw new Error('element not found');
-    }
-
-    function simpleBarrier() {
-        let callbackIndex = -1;
-        let doneCallbacks = 0;
-        const results = [];
-        const instance = {
-            waitOn() {
-                const curIndex = ++callbackIndex;
-                return function (result) {
-                    if (curIndex in results) {
-                        return;
-                    }
-                    results[curIndex] = result;
-                    doneCallbacks++;
-                    if (fileUrls.length === doneCallbacks) {
-                        instance.endWithCallback(results);
-                    }
-                };
-            },
-            endWith(fn) { instance.endWithCallback = fn; },
-        };
-        return instance;
-    }
-
-    function getBlob(url, name, cb) {
-        const xhr = new XMLHttpRequest();
-        xhr.open('GET', url);
-        xhr.responseType = 'blob';
-        xhr.onload = function () {
-            if (this.status >= 200 && this.status < 300) {
-                cb({ blob: xhr.response, name });
-            } else {
-                throw new Error('Failed to load blob response code is not between 200 - 300');
-            }
-        };
-        xhr.onerror = function () {
-            throw new Error('Failed to load blob');
-        };
-        xhr.send();
-    }
-
-    const barrier = simpleBarrier();
-    fileUrls.forEach((fileUrl) => {
-        getBlob(fileUrl.url, fileUrl.name, barrier.waitOn());
-    });
-    barrier.endWith((blobs) => {
-        const event = createDropEvent(blobs);
-        element.dispatchEvent(event);
-    });
-};
-
-module.exports = downloadFileAndFireDropEvent;

package/player/stepActions/scripts/focusElement.js

@@ -1,46 +0,0 @@
-module.exports = function dispatchFocus(targetElement, oldActiveElement) {
-    function createFocusEvent(eventName) {
-        const event = document.createEvent('HTMLEvents');
-        // TODO we want to use new Event, but mootools (used by zuora which is used by jfrog)
-        //  overrides window.Event and throws an error
-        event.initEvent(eventName, true, false);
-        return event;
-    }
-
-    function findEffectiveActiveElement() {
-        let activeElement = document.activeElement;
-        while (activeElement.shadowRoot?.activeElement) {
-            activeElement = activeElement.shadowRoot.activeElement;
-        }
-        return activeElement;
-    }
-
-    function setFocus(element, oldActiveElement) {
-        if (oldActiveElement) {
-            oldActiveElement.dispatchEvent(createFocusEvent('focusout'));
-            oldActiveElement.dispatchEvent(createFocusEvent('blur'));
-        }
-        element.dispatchEvent(createFocusEvent('focusin'));
-        element.dispatchEvent(createFocusEvent('focus'));
-        if (typeof element.focus === 'function') {
-            element.focus();
-        }
-        const currentActiveElement = findEffectiveActiveElement();
-        if (oldActiveElement && currentActiveElement === oldActiveElement && typeof oldActiveElement.blur === 'function') {
-            oldActiveElement.blur();
-        }
-    }
-
-    if (targetElement) {
-        const elementToFocus = getLocatedElement(targetElement);
-        if (elementToFocus && (elementToFocus !== oldActiveElement)) {
-            try {
-                setFocus(elementToFocus, oldActiveElement);
-            } catch (e) {
-                // ignore
-            }
-        }
-    } else if (oldActiveElement && typeof oldActiveElement.blur === 'function') {
-        oldActiveElement.blur();
-    }
-};

package/player/stepActions/scripts/html5dragAction.js

@@ -1,56 +0,0 @@
-/* global getLocatedElement */
-
-'use strict';
-
-const html5dndAction = function (eventData) {
-    const data = {};
-    function convertType(type) {
-        if (!type?.toLowerCase) {
-            return type;
-        }
-        type = type.toLowerCase();
-        if (type === 'text') {
-            return 'text/plain';
-        }
-        if (type === 'url') {
-            return 'text/uri-list';
-        }
-        return type;
-    }
-    const dataTransfer = {
-        data: {
-        },
-        setData(type, val) {
-            data[convertType(type)] = val;
-        },
-        getData(type) {
-            return data[convertType(type)];
-        },
-    };
-    const fromElement = getLocatedElement(eventData.fromLocatedElement);
-    const toElement = getLocatedElement(eventData.toLocatedElement);
-
-    if (!fromElement) {
-        throw new Error('from element not found');
-    }
-
-    if (!toElement) {
-        throw new Error('to element not found');
-    }
-
-    const dispatchEvent = function (element, type) {
-        const event = document.createEvent('CustomEvent');
-        event.initCustomEvent(type, true, true, null);
-        event.dataTransfer = dataTransfer;
-        if (element.dispatchEvent) {
-            element.dispatchEvent(event);
-        } else if (element.fireEvent) {
-            element.fireEvent(`on${type}`, event);
-        }
-    };
-    dispatchEvent(fromElement, 'dragstart');
-    dispatchEvent(toElement, 'drop');
-    dispatchEvent(fromElement, 'dragend');
-};
-
-module.exports = html5dndAction;