@testim/testim-cli 3.274.0 → 3.275.0

package/player/stepActions/scripts/doClick.js

@@ -2,42 +2,40 @@
 
 'use strict';
 
-var doClick = function (eventData, done) {
-    var eventConstructorSupported = typeof Event === 'function';
+const doClick = (eventData, done) => {
+    const eventConstructorSupported = typeof Event === 'function';
 
     window.__unloadNavigator = resolve;
 
-    window.addEventListener("unload", window.__unloadNavigator);
+    window.addEventListener('unload', window.__unloadNavigator);
 
     function handleReactSelectFocusQuirk(context, event) {
         function focusReactSelect(element) {
-
-            function getReactSelectRoot(element) {
-                return getParents(element).filter(function (el) {
-                    return Array.apply(null, el.classList || []).indexOf("Select-control") !== -1;
-                })[0];
+            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) {
-                var root = getReactSelectRoot(element);
-                return root ? root.querySelector("INPUT") : null;
+            function getReactSelectInput(_element) {
+                const root = getReactSelectRoot(_element);
+                return root ? root.querySelector('INPUT') : null;
             }
 
-            var reactSelectInput = getReactSelectInput(element);
+            const reactSelectInput = getReactSelectInput(element);
             if (reactSelectInput) {
                 reactSelectInput.focus();
             }
         }
 
-        var isReactSelectElement = context.quirks && context.quirks.isReactSelect;
-        if (event.type === "mousedown" && isReactSelectElement) {
+        const isReactSelectElement = context.quirks?.isReactSelect;
+        if (event.type === 'mousedown' && isReactSelectElement) {
             focusReactSelect(context.element);
         }
     }
 
     function handleCKEditorQuirk(context, event) {
-        var isCKEditorFrame = context.quirks && context.quirks.isCKEditorFrame;
-        if (event.type === "click" && isCKEditorFrame) {
+        const isCKEditorFrame = context.quirks?.isCKEditorFrame;
+        if (event.type === 'click' && isCKEditorFrame) {
             document.body.focus();
         }
     }
@@ -47,13 +45,13 @@ var doClick = function (eventData, done) {
     }
 
     function resolve(result) {
-        var status = {
+        const status = {
             status: 'done',
-            result: result,
-            success: true
+            result,
+            success: true,
         };
         if (context.isNonTextableElemnet) {
-            status.reason = "Set text on non input element";
+            status.reason = 'Set text on non input element';
         }
 
         done(status);
@@ -61,29 +59,29 @@ var doClick = function (eventData, done) {
 
     function reject(result) {
         result = result || {};
-        var status = {
+        const status = {
             status: 'failed',
-            result: result,
-            success: false
+            result,
+            success: false,
         };
 
         done(status);
     }
 
     function dispatchMouseOver(element) {
-        var event = eventConstructorSupported ? new Event("mouseover", { composed: true }) : document.createEvent('Events');
+        const event = eventConstructorSupported ? new Event('mouseover', { composed: true }) : document.createEvent('Events');
         event.initEvent('mouseover', true, true);
         element.dispatchEvent(event);
     }
 
     function dispatchMouseMove(element) {
-        var modifiers = {};
-        var rect = element.getBoundingClientRect();
-        var clientX = rect.left + (rect.width / 2);
-        var clientY = rect.top + (rect.height / 2);
-        var button = 0;
-        var eventType = 'mousemove';
-        var event = createMouseEvent(eventType, modifiers, clientX, clientY, button);
+        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);
     }
 
@@ -92,81 +90,75 @@ var doClick = function (eventData, done) {
             return (point > start) && (point < end);
         }
 
-        var pointerPosition = userEvent.pointerPosition || {};
-        var rect = element.getBoundingClientRect();
-        var clientX = pointerPosition.originX && isWithinBounds(rect.left, rect.left + rect.width, pointerPosition.originX) ? pointerPosition.originX : rect.left + (rect.width / 2);
-        var 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 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: clientX,
-            clientY: clientY,
+            clientX,
+            clientY,
             ctrlKey: Boolean(modifiers.ctrl),
             altKey: Boolean(modifiers.alt),
             shiftKey: Boolean(modifiers.shift),
             metaKey: Boolean(modifiers.meta),
             bubbles: true,
             cancelable: true,
-            composed: true
+            composed: true,
         };
     }
 
     function createPointerEvent(eventType, modifiers, clientX, clientY) {
         if (!window.PointerEvent) {
-            return;
+            return undefined;
         }
-        var eventProperties = getEventDictionary(modifiers, clientX, clientY);
-        eventProperties.pointerType = "mouse";
+        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) {
-        var event = eventConstructorSupported ? new MouseEvent("click", { composed: true }) : document.createEvent("MouseEvents");
+        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 */
+            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) {
-        var pointerEvents = ["pointerup", "pointerdown", "pointermove"];
-        var modifiers = context.modifiers || {};
-        var pos = getEventPosition(userEvent, context.element);
-        var button = context.button || 0;
-        var eventType = userEvent.event;
-        if (pointerEvents.indexOf(eventType) > -1) {
+        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 executeSyncEvent(event) {
-        context.element.dispatchEvent(event);
-        handleReactSelectFocusQuirk(context, event);
-        handleCKEditorQuirk(context, event);
-    }
-
     function findEffectiveActiveElement() {
-        var activeElement = document.activeElement;
-        while (activeElement.shadowRoot && activeElement.shadowRoot.activeElement) {
+        let activeElement = document.activeElement;
+        while (activeElement.shadowRoot?.activeElement) {
             activeElement = activeElement.shadowRoot.activeElement;
         }
         return activeElement;
@@ -174,49 +166,55 @@ var doClick = function (eventData, done) {
 
     function executeSynchronousEventSequence(context) {
         context.events
-            .map(function (userEvent) {
+            .map((userEvent) => {
                 try {
                     return getMouseEvent(userEvent, context);
                 } catch (e) {
-                    // pointer events not supported in ie11
-                    return;
+                    // pointer events not supported :shrug:
+                    return undefined;
                 }
             })
             .filter(Boolean)
-            .forEach(function (event) {executeSyncEvent(event);});
+            .forEach((event) => {
+                context.element.dispatchEvent(event);
+                handleReactSelectFocusQuirk(context, event);
+                handleCKEditorQuirk(context, event);
+            });
 
         if (window.__unloadNavigator) {
-            window.removeEventListener("unload", window.__unloadNavigator);
+            window.removeEventListener('unload', window.__unloadNavigator);
         }
     }
 
-    var element = eventData.isRoot ? document.documentElement : getLocatedElement(eventData.locatedElement);
+    const element = eventData.isRoot ? document.documentElement : getLocatedElement(eventData.locatedElement);
+    // eslint-disable-next-line no-var
     var context = {
-        element: element,
+        element,
         events: eventData.events,
         quirks: eventData.quirks,
         modifiers: eventData.modifiers,
-        button: eventData.button
+        button: eventData.button,
     };
 
     if (!context.element) {
-        return reject("element not found");
+        reject('element not found');
+        return;
     }
 
     dispatchMouseOver(context.element);
     dispatchMouseMove(context.element);
     try {
         executeSynchronousEventSequence(context);
-        var oldActiveElement = findEffectiveActiveElement();
-        var quirks = context.quirks;
-        var isReactSelectElement = quirks && quirks.isReactSelect;
-        var isCKEditorFrame = quirks && quirks.isCKEditorFrame;
+        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) {
-        return reject(e.toString());
+        reject(e.toString());
     }
 };
 

package/player/stepActions/scripts/doDragPath.js

@@ -1,50 +1,50 @@
-"use strict";
+'use strict';
 
 
-var doDragPath = function (eventData, done) {
-    var eventConstructorSupported = typeof Event === 'function';
-    var pointerEventConstructorSupported = typeof PointerEvent === 'function';
-    var MAX_EVENT_TIMEOUT = 40; //max msec between events
+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);
+    window.addEventListener('unload', window.__unloadNavigator);
 
     function resolve(result) {
-        var status = {
+        const status = {
             status: 'done',
-            result: result,
-            success: true
+            result,
+            success: true,
         };
         done(status);
     }
 
     function reject(result) {
         result = result || {};
-        var status = {
+        const status = {
             status: 'failed',
-            result: result,
-            success: false
+            result,
+            success: false,
         };
 
         done(status);
     }
 
     function dispatchMouseOver(element) {
-        var event = eventConstructorSupported ? new Event("mouseover", { composed: true }) : document.createEvent('Events');
+        const event = eventConstructorSupported ? new Event('mouseover', { composed: true }) : document.createEvent('Events');
         event.initEvent('mouseover', true, true);
 
         element.dispatchEvent(event);
     }
 
     function dispatchMouseMove(element) {
-        var modifiers = {};
-        var rect = element.getBoundingClientRect();
-        var clientX = rect.left + (rect.width / 2);
-        var clientY = rect.top + (rect.height / 2);
-        var button = 0;
-        var eventType = 'mousemove';
-        var event = createMouseEvent(eventType, modifiers, clientX, clientY, button);
+        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);
     }
@@ -54,76 +54,75 @@ var doDragPath = function (eventData, done) {
             return (point > start) && (point < end);
         }
 
-        var pointerPosition = userEvent.pointerPosition || {};
+        const pointerPosition = userEvent.pointerPosition || {};
         if (context.isDrag) {
             return { x: pointerPosition.originX || 0, y: pointerPosition.originY || 0 };
         }
-        var rect = element.getBoundingClientRect();
-        var clientX = pointerPosition.originX && isWithinBounds(rect.left, rect.left + rect.width, pointerPosition.originX) ? pointerPosition.originX : rect.left + (rect.width / 2);
-        var 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 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: clientX,
-            clientY: clientY,
+            clientX,
+            clientY,
             ctrlKey: Boolean(modifiers.ctrl),
             altKey: Boolean(modifiers.alt),
             shiftKey: Boolean(modifiers.shift),
             metaKey: Boolean(modifiers.meta),
             bubbles: true,
             cancelable: true,
-            composed: true
+            composed: true,
         };
     }
 
     function createPointerEvent(eventType, modifiers, clientX, clientY, button) {
         if (pointerEventConstructorSupported) {
-            var eventProperties = getEventDictionary(modifiers, clientX, clientY);
-            eventProperties.pointerType = "mouse";
+            const eventProperties = getEventDictionary(modifiers, clientX, clientY);
+            eventProperties.pointerType = 'mouse';
             eventProperties.isPrimary = true;
             return new window.PointerEvent(eventType, eventProperties);
-
-        } else {
-            var 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;
         }
+        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) {
-        var event = eventConstructorSupported ? new MouseEvent("click", { composed: true }) : document.createEvent("MouseEvents");
+        const event = eventConstructorSupported ? new MouseEvent('click', { composed: true }) : document.createEvent('MouseEvents');
         event.initMouseEvent(
             eventType,
             true, /* bubbles */
@@ -144,12 +143,12 @@ var doDragPath = function (eventData, done) {
     }
 
     function getMouseEvent(userEvent, context) {
-        var pointerEvents = ["pointerup", "pointerdown", "pointermove"];
-        var modifiers = context.modifiers || {};
-        var pos = getEventPosition(userEvent, context.element);
-        var button = context.button || 0;
-        var eventType = userEvent.event;
-        if (pointerEvents.indexOf(eventType) > -1) {
+        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);
@@ -164,39 +163,39 @@ var doDragPath = function (eventData, done) {
         return isClickInDragAndDrop();
     }
 
-    function executeAsyncNextEventRecursive(index, context, done){
+    function executeAsyncNextEventRecursive(index, context, done) {
         try {
-            var event = getMouseEvent(context.events[index], context);
+            const event = getMouseEvent(context.events[index], context);
             if (!shouldSkipEvent(event, context)) {
                 context.element.dispatchEvent(event);
             }
-        } catch(ignore) {}
+        } catch (ignore) { /* ignored */ }
 
         if (index + 1 === context.events.length) {
             done();
         } else {
-            var delay = Math.min(context.events[index+1].timeStamp - context.events[index].timeStamp, MAX_EVENT_TIMEOUT);
-            setTimeout(function() {
-                executeAsyncNextEventRecursive(index+1, context, done);
+            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, function() {
-
+        executeAsyncNextEventRecursive(0, context, () => {
             if (window.__unloadNavigator) {
-                window.removeEventListener("unload", window.__unloadNavigator);
+                window.removeEventListener('unload', window.__unloadNavigator);
             }
             done();
         });
     }
 
-    var element = eventData.isRoot ? document.documentElement : getLocatedElement(eventData.locatedElement);
+    // eslint-disable-next-line no-undef
+    const element = eventData.isRoot ? document.documentElement : getLocatedElement(eventData.locatedElement);
 
-    var context = {
+    const context = {
         eventIndex: 0,
-        element: element,
+        element,
         events: eventData.events,
         eventType: eventData.eventType,
         eventData: eventData.eventData,
@@ -211,16 +210,16 @@ var doDragPath = function (eventData, done) {
     };
 
     if (!context.element) {
-        return reject("element not found");
+        reject('element not found');
+        return;
     }
 
     dispatchMouseOver(context.element);
     dispatchMouseMove(context.element);
 
-    executeAsyncEventSequence(context, function() {
+    executeAsyncEventSequence(context, () => {
         resolve();
     });
-
 };
 
 module.exports = doDragPath;