@testim/testim-cli 3.289.0 → 3.290.0

package/player/stepActions/scripts/dispatchEvents.js

@@ -1,282 +0,0 @@
-'use strict';
-
-const dispatchEvents = function (eventData, done) {
-    function getParents(el) {
-        return el ? [el].concat(getParents(el.parentNode)) : [];
-    }
-
-    function handleReactSelectFocusQuirk(context, event) {
-        function focusReactSelect(element) {
-            function getReactSelectRoot(_element) {
-                // eslint-disable-next-line prefer-spread
-                return getParents(_element).find((el) => Array.apply(null, el.classList || []).includes('Select-control'));
-            }
-
-            function getReactSelectInput(_element) {
-                const root = getReactSelectRoot(_element);
-                return root ? root.querySelector('INPUT') : null;
-            }
-
-            const reactSelectInput = getReactSelectInput(element);
-            if (reactSelectInput) {
-                reactSelectInput.focus();
-            }
-        }
-
-        const isReactSelectElement = context.quirks?.isReactSelect;
-        if (event.type === 'mousedown' && isReactSelectElement) {
-            focusReactSelect(context.element);
-        }
-    }
-
-    function handleCKEditorQuirk(context, event) {
-        const isCKEditorFrame = context.quirks?.isCKEditorFrame;
-        if (event.type === 'click' && isCKEditorFrame) {
-            document.body.focus();
-        }
-    }
-
-    function dispatchMouseOver() {
-        const event = document.createEvent('Events');
-        event.initEvent('mouseover', true, true);
-        context.element.dispatchEvent(event);
-    }
-
-    function dispatchMouseMove() {
-        const userEvent = {
-            event: 'mousemove',
-            modifiers: {},
-            button: 0,
-        };
-        const event = createMouseEvent(userEvent);
-        context.element.dispatchEvent(event);
-    }
-
-    function getEventPosition(userEvent, element) {
-        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 };
-    }
-
-    function createMouseEvent(userEvent) {
-        const position = getEventPosition(userEvent, context.element);
-        const modifiers = userEvent.modifiers || context.modifiers || {};
-        const button = userEvent.button || context.button || 0;
-        const eventType = userEvent.event;
-
-        const event = document.createEvent('MouseEvents');
-        event.initMouseEvent(
-            eventType,
-            true, /* bubbles */
-            true, /* cancelable */
-            document.defaultView, /* view */
-            1, /* detail */
-            0, /* screenX */
-            0, /* screenY */
-            position.x, /* clientX */
-            position.y, /* 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 createPointerEvent(userEvent) {
-        const position = getEventPosition(userEvent, context.element);
-        const modifiers = userEvent.modifiers || context.modifiers || {};
-        const eventType = userEvent.event;
-
-        if (!window.PointerEvent) {
-            return undefined;
-        }
-        return new window.PointerEvent(eventType, {
-            screenX: 0,
-            screenY: 0,
-            clientX: position.x,
-            clientY: position.y,
-            ctrlKey: Boolean(modifiers.ctrl),
-            altKey: Boolean(modifiers.alt),
-            shiftKey: Boolean(modifiers.shift),
-            metaKey: Boolean(modifiers.meta),
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-            pointerType: 'mouse',
-            isPrimary: true,
-        });
-    }
-
-    function createFocusEvent(userEvent) {
-        const event = document.createEvent('FocusEvent');
-        // 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(userEvent.event, true, false);
-        return event;
-    }
-
-    function createEvent(userEvent) {
-        const eventType = userEvent.event;
-        const event = document.createEvent('HTMLEvents');
-        event.initEvent(eventType, true, false);
-        return event;
-    }
-
-    function dispatchSyncEventSequence() {
-        context.events
-            .map((userEvent) => {
-                try {
-                    if (MOUSE_EVENTS.includes(userEvent.event)) {
-                        return createMouseEvent(userEvent);
-                    } if (POINTER_EVENTS.includes(userEvent.event)) {
-                        return createPointerEvent(userEvent);
-                    } if (FOCUS_EVENTS.includes(userEvent.event)) {
-                        return createFocusEvent(userEvent);
-                    }
-                    return createEvent(userEvent);
-                } catch (e) {
-                    // pointer events not supported :shrug:
-                    return undefined;
-                }
-            })
-            .filter(Boolean)
-            .forEach((event) => {
-                // eslint-disable-next-line no-console
-                console.log(`dispatching: ${event.type}`);
-                // eslint-disable-next-line no-console
-                console.log(event);
-
-                context.element.dispatchEvent(event);
-                handleReactSelectFocusQuirk(context, event);
-                handleCKEditorQuirk(context, event);
-            });
-
-        if (window.__unloadNavigator) {
-            window.removeEventListener('unload', window.__unloadNavigator);
-        }
-    }
-
-    function findEffectiveActiveElement() {
-        let activeElement = document.activeElement;
-        while (activeElement.shadowRoot?.activeElement) {
-            activeElement = activeElement.shadowRoot.activeElement;
-        }
-        return activeElement;
-    }
-
-    function handleFocus() {
-        const oldActiveElement = findEffectiveActiveElement();
-        const quirks = context.quirks;
-        const isReactSelectElement = quirks?.isReactSelect;
-        const isCKEditorFrame = quirks?.isCKEditorFrame;
-        if (!isReactSelectElement && !isCKEditorFrame) {
-            // eslint-disable-next-line no-undef
-            dispatchFocus(eventData.elementToFocusLocatedElement, oldActiveElement);
-        }
-    }
-
-    function handleSelect() {
-        if (context.element.tagName !== OPTION_TAG_NAME) {
-            return;
-        }
-
-        let selectEl;
-        if (context.element.parentElement.tagName === SELECT_TAG_NAME) {
-            selectEl = context.element.parentElement;
-        } else if (context.element.parentElement.parentElement.tagName === SELECT_TAG_NAME) {
-            selectEl = context.element.parentElement.parentElement;
-        }
-        selectEl.blur();
-        selectEl.selectedIndex = 0;
-        context.element.selected = true;
-    }
-
-    function fulfill(success, status, result) {
-        result = result || {};
-        status = {
-            success,
-            status,
-            result,
-        };
-
-        if (isDoneFnSupplied) {
-            return done(status);
-        }
-
-        return status;
-    }
-
-    function resolve(result) {
-        return fulfill(true, 'done', result);
-    }
-
-    function reject(result) {
-        return fulfill(false, 'failed', result);
-    }
-
-    const OPTION_TAG_NAME = 'OPTION';
-    const SELECT_TAG_NAME = 'SELECT';
-
-    const MOUSE_EVENTS = [
-        'auxclick',
-        'click',
-        'contextmenu',
-        'dblclick',
-        'mousedown',
-        'mouseenter',
-        'mouseleave',
-        'mousemove',
-        'mouseover',
-        'mouseout',
-        'mouseup',
-        'pointerlockchange',
-        'pointerlockerror',
-        'select',
-        'wheel',
-    ];
-    const POINTER_EVENTS = ['pointerover', 'pointerenter', 'pointerdown', 'pointermove', 'pointerup', 'pointercancel', 'pointerout', 'pointerleave', 'gotpointercapture', 'lostpointercapture'];
-    const FOCUS_EVENTS = ['focus', 'blur', 'focusin', 'focusout'];
-
-    const isDoneFnSupplied = typeof done !== 'undefined';
-
-    window.__unloadNavigator = resolve;
-    window.addEventListener('unload', window.__unloadNavigator);
-
-    // eslint-disable-next-line no-undef
-    const element = eventData.isRoot ? document.documentElement : getLocatedElement(eventData.locatedElement);
-    if (!element) {
-        return reject('element not found');
-    }
-
-    const context = {
-        element,
-        events: eventData.events,
-        quirks: eventData.quirks,
-        modifiers: eventData.modifiers,
-    };
-
-    try {
-        const doMousePreparation = eventData.withMousePreparation ? eventData.withMousePreparation : true;
-        if (doMousePreparation) {
-            dispatchMouseOver();
-            dispatchMouseMove();
-        }
-        handleSelect();
-        dispatchSyncEventSequence();
-        handleFocus();
-        return resolve();
-    } catch (e) {
-        return reject(e.toString());
-    }
-};
-
-module.exports = dispatchEvents;

package/player/stepActions/scripts/doClick.js

@@ -1,221 +0,0 @@
-/* globals getLocatedElement, dispatchFocus */
-
-'use strict';
-
-const doClick = (eventData, done) => {
-    const eventConstructorSupported = typeof Event === 'function';
-
-    window.__unloadNavigator = resolve;
-
-    window.addEventListener('unload', window.__unloadNavigator);
-
-    function handleReactSelectFocusQuirk(context, event) {
-        function focusReactSelect(element) {
-            function getReactSelectRoot(_element) {
-                // eslint-disable-next-line prefer-spread
-                return getParents(_element).find((el) => Array.apply(null, el.classList || []).includes('Select-control'));
-            }
-
-            function getReactSelectInput(_element) {
-                const root = getReactSelectRoot(_element);
-                return root ? root.querySelector('INPUT') : null;
-            }
-
-            const reactSelectInput = getReactSelectInput(element);
-            if (reactSelectInput) {
-                reactSelectInput.focus();
-            }
-        }
-
-        const isReactSelectElement = context.quirks?.isReactSelect;
-        if (event.type === 'mousedown' && isReactSelectElement) {
-            focusReactSelect(context.element);
-        }
-    }
-
-    function handleCKEditorQuirk(context, event) {
-        const isCKEditorFrame = context.quirks?.isCKEditorFrame;
-        if (event.type === 'click' && isCKEditorFrame) {
-            document.body.focus();
-        }
-    }
-
-    function getParents(el) {
-        return el ? [el].concat(getParents(el.parentNode)) : [];
-    }
-
-    function resolve(result) {
-        const status = {
-            status: 'done',
-            result,
-            success: true,
-        };
-        if (context.isNonTextableElemnet) {
-            status.reason = 'Set text on non input element';
-        }
-
-        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 || {};
-        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) {
-        if (!window.PointerEvent) {
-            return undefined;
-        }
-        const eventProperties = getEventDictionary(modifiers, clientX, clientY);
-        eventProperties.pointerType = 'mouse';
-        eventProperties.isPrimary = true;
-        return new window.PointerEvent(eventType, eventProperties);
-    }
-
-    function createMouseEvent(eventType, modifiers, clientX, clientY, button) {
-        const event = eventConstructorSupported ? new MouseEvent('click', { composed: true }) : document.createEvent('MouseEvents');
-        event.initMouseEvent(
-            eventType,
-            true,
-            true,
-            document.defaultView,
-            1,
-            0,
-            0,
-            clientX,
-            clientY,
-            Boolean(modifiers.ctrl),
-            Boolean(modifiers.alt),
-            Boolean(modifiers.shift),
-            Boolean(modifiers.meta),
-            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);
-        }
-        return createMouseEvent(eventType, modifiers, pos.x, pos.y, button);
-    }
-
-    function findEffectiveActiveElement() {
-        let activeElement = document.activeElement;
-        while (activeElement.shadowRoot?.activeElement) {
-            activeElement = activeElement.shadowRoot.activeElement;
-        }
-        return activeElement;
-    }
-
-    function executeSynchronousEventSequence(context) {
-        context.events
-            .map((userEvent) => {
-                try {
-                    return getMouseEvent(userEvent, context);
-                } catch (e) {
-                    // pointer events not supported :shrug:
-                    return undefined;
-                }
-            })
-            .filter(Boolean)
-            .forEach((event) => {
-                context.element.dispatchEvent(event);
-                handleReactSelectFocusQuirk(context, event);
-                handleCKEditorQuirk(context, event);
-            });
-
-        if (window.__unloadNavigator) {
-            window.removeEventListener('unload', window.__unloadNavigator);
-        }
-    }
-
-    const element = eventData.isRoot ? document.documentElement : getLocatedElement(eventData.locatedElement);
-    // eslint-disable-next-line no-var
-    var context = {
-        element,
-        events: eventData.events,
-        quirks: eventData.quirks,
-        modifiers: eventData.modifiers,
-        button: eventData.button,
-    };
-
-    if (!context.element) {
-        reject('element not found');
-        return;
-    }
-
-    dispatchMouseOver(context.element);
-    dispatchMouseMove(context.element);
-    try {
-        executeSynchronousEventSequence(context);
-        const oldActiveElement = findEffectiveActiveElement();
-        const quirks = context.quirks;
-        const isReactSelectElement = quirks?.isReactSelect;
-        const isCKEditorFrame = quirks?.isCKEditorFrame;
-        if (!isReactSelectElement && !isCKEditorFrame) {
-            dispatchFocus(eventData.elementToFocusLocatedElement, oldActiveElement);
-        }
-        resolve();
-    } catch (e) {
-        reject(e.toString());
-    }
-};
-
-module.exports = doClick;