testcafe 2.2.0 → 2.3.1

package/lib/client/automation/index.js

@@ -431,6 +431,8 @@ window['%hammerhead%'].utils.removeInjectedScript();
     var setScrollLeft = hammerhead__default.utils.style.setScrollLeft;
     var setScrollTop = hammerhead__default.utils.style.setScrollTop;
     var get = hammerhead__default.utils.style.get;
+    var getBordersWidthFloat = hammerhead__default.utils.style.getBordersWidthFloat;
+    var getElementPaddingFloat = hammerhead__default.utils.style.getElementPaddingFloat;
     function getWindowDimensions(window) {
         return new BoundaryValues(0, getWidth(window), getHeight(window), 0);
     }
@@ -2883,6 +2885,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
                 endY: endPoint.y,
                 modifiers: this.modifiers,
                 speed: this.speed,
+                shouldRender: this.cursor.shouldRender,
             };
             return hammerhead.Promise.resolve()
                 .then(function () {
@@ -2963,6 +2966,16 @@ window['%hammerhead%'].utils.removeInjectedScript();
         Cursor.prototype.getPosition = function () {
             return new AxisValues(this._x, this._y);
         };
+        Object.defineProperty(Cursor.prototype, "shouldRender", {
+            get: function () {
+                return this._ui.shouldRender;
+            },
+            set: function (val) {
+                this._ui.shouldRender = val;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Cursor.prototype.move = function (point) {
             this._x = point.x;
             this._y = point.y;
@@ -3037,6 +3050,68 @@ window['%hammerhead%'].utils.removeInjectedScript();
         elementOverlapped: 'elementOverlapped',
     };
 
+    var EventType;
+    (function (EventType) {
+        EventType[EventType["Mouse"] = 0] = "Mouse";
+        EventType[EventType["Key"] = 1] = "Key";
+        EventType[EventType["Touch"] = 2] = "Touch";
+    })(EventType || (EventType = {}));
+
+    var KeyModifierValues;
+    (function (KeyModifierValues) {
+        KeyModifierValues[KeyModifierValues["alt"] = 1] = "alt";
+        KeyModifierValues[KeyModifierValues["ctrl"] = 2] = "ctrl";
+        KeyModifierValues[KeyModifierValues["meta"] = 4] = "meta";
+        KeyModifierValues[KeyModifierValues["shift"] = 8] = "shift";
+    })(KeyModifierValues || (KeyModifierValues = {}));
+
+    function calculateKeyModifiersValue(modifiers) {
+        var result = 0;
+        if (modifiers.ctrl)
+            result |= KeyModifierValues.ctrl;
+        if (modifiers.alt)
+            result |= KeyModifierValues.alt;
+        if (modifiers.shift)
+            result |= KeyModifierValues.shift;
+        if (modifiers.meta)
+            result |= KeyModifierValues.meta;
+        return result;
+    }
+    function calculateMouseButtonValue(options) {
+        if (!options.button)
+            return 'left';
+        return 'right';
+    }
+
+    var MOUSE_EVENT_OPTIONS = {
+        clickCount: 1,
+        button: 'left',
+    };
+    var ProxylessEventSimulator = /** @class */ (function () {
+        function ProxylessEventSimulator(dispatchEventFn, leftTopPoint) {
+            this._dispatchEventFn = dispatchEventFn;
+            this._leftTopPoint = leftTopPoint || new AxisValues(0, 0);
+        }
+        ProxylessEventSimulator.prototype._createMouseEventOptions = function (type, options) {
+            return hammerhead.utils.extend({
+                x: options.options.clientX + this._leftTopPoint.x,
+                y: options.options.clientY + this._leftTopPoint.y,
+                modifiers: calculateKeyModifiersValue(options.options),
+                button: calculateMouseButtonValue(options.options),
+                type: type,
+            }, MOUSE_EVENT_OPTIONS);
+        };
+        ProxylessEventSimulator.prototype.mouseDown = function (options) {
+            var eventOptions = this._createMouseEventOptions('mousePressed', options);
+            return this._dispatchEventFn(EventType.Mouse, eventOptions);
+        };
+        ProxylessEventSimulator.prototype.mouseUp = function (options) {
+            var eventOptions = this._createMouseEventOptions('mouseReleased', options);
+            return this._dispatchEventFn(EventType.Mouse, eventOptions);
+        };
+        return ProxylessEventSimulator;
+    }());
+
     var AVAILABLE_OFFSET_DEEP = 2;
     var ElementState = /** @class */ (function () {
         function ElementState(_a) {
@@ -3072,7 +3147,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
     }());
     var VisibleElementAutomation = /** @class */ (function (_super) {
         __extends(VisibleElementAutomation, _super);
-        function VisibleElementAutomation(element, offsetOptions, win, cursor) {
+        function VisibleElementAutomation(element, offsetOptions, win, cursor, dispatchProxylessEventFn, topLeftPoint) {
             var _this = _super.call(this) || this;
             _this.TARGET_ELEMENT_FOUND_EVENT = 'automation|target-element-found-event';
             _this.WARNING_EVENT = 'automation|warning-event';
@@ -3081,6 +3156,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
             _this.automationSettings = new AutomationSettings(offsetOptions.speed || 1);
             _this.window = win;
             _this.cursor = cursor;
+            _this.proxylessEventSimulator = dispatchProxylessEventFn ? new ProxylessEventSimulator(dispatchProxylessEventFn, topLeftPoint) : null;
             // NOTE: only for legacy API
             _this._ensureWindowAndCursorForLegacyTests(_this);
             return _this;
@@ -3089,6 +3165,11 @@ window['%hammerhead%'].utils.removeInjectedScript();
             automation.window = automation.window || window; // eslint-disable-line no-undef
             automation.cursor = cursor;
         };
+        VisibleElementAutomation.prototype.canUseProxylessEventSimulator = function (element) {
+            return !!this.proxylessEventSimulator
+                && !!element
+                && getTagName(element) !== 'select';
+        };
         VisibleElementAutomation.prototype._getElementForEvent = function (eventArgs) {
             return __awaiter(this, void 0, void 0, function () {
                 var expectedElement;
@@ -3109,7 +3190,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
                             return [4 /*yield*/, MoveAutomation.create(this.element, moveOptions, this.window, this.cursor)];
                         case 1:
                             moveAutomation = _a.sent();
-                            return [2 /*return*/, moveAutomation
+                            return [2 /*return*/, moveAutomation // eslint-disable-line consistent-return
                                     .run()
                                     .then(function () { return delay(_this.automationSettings.mouseActionStepDelay); })];
                     }
@@ -3824,16 +3905,20 @@ window['%hammerhead%'].utils.removeInjectedScript();
 
     var ClickAutomation = /** @class */ (function (_super) {
         __extends(ClickAutomation, _super);
-        function ClickAutomation(element, clickOptions, win, cursor) {
-            var _this = _super.call(this, element, clickOptions, win, cursor) || this;
+        function ClickAutomation(element, clickOptions, win, cursor, dispatchProxylessEventFn, leftTopPoint) {
+            var _this = _super.call(this, element, clickOptions, win, cursor, dispatchProxylessEventFn, leftTopPoint) || this;
             _this.modifiers = clickOptions.modifiers;
             _this.strategy = createMouseClickStrategy(_this.element, clickOptions.caretPos);
             return _this;
         }
         ClickAutomation.prototype._mousedown = function (eventArgs) {
+            if (this.canUseProxylessEventSimulator(eventArgs.element))
+                return this.proxylessEventSimulator.mouseDown(eventArgs);
             return this.strategy.mousedown(eventArgs);
         };
         ClickAutomation.prototype._mouseup = function (element, eventArgs) {
+            if (this.canUseProxylessEventSimulator(eventArgs.element))
+                return this.proxylessEventSimulator.mouseUp(eventArgs);
             return this.strategy.mouseup(element, eventArgs);
         };
         ClickAutomation.prototype.run = function (useStrictElementCheck) {
@@ -3935,6 +4020,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
         var iframeRectangle = positionUtils$2.getIframeClientCoordinates(iframe);
         var iframePointRelativeToParent = positionUtils$2.getIframePointRelativeToParentFrame(iframePoint, iframeWin);
         var cursorPosition = cursor.getPosition();
+        cursor.shouldRender = e.message.shouldRender;
         var intersectionPoint = positionUtils$2.isInRectangle(cursorPosition, iframeRectangle) ? cursorPosition :
             getLineRectIntersection(cursorPosition, iframePointRelativeToParent, iframeRectangle);
         var intersectionRelatedToIframe = {