testcafe 2.0.2 → 2.1.0

package/lib/client/driver/index.js

@@ -68,7 +68,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
         function step(op) {
             if (f)
                 throw new TypeError("Generator is already executing.");
-            while (_)
+            while (g && (g = 0, op[0] && (_ = 0)), _)
                 try {
                     if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
                         return t;
@@ -235,6 +235,64 @@ window['%hammerhead%'].utils.removeInjectedScript();
         removeRequestHooks: 'remove-request-hooks',
     };
 
+    // -------------------------------------------------------------
+    function isCommandRejectableByPageError(command) {
+        return !isObservationCommand(command) && !isBrowserManipulationCommand(command) && !isServiceCommand(command) ||
+            isResizeWindowCommand(command)
+                && !isWindowSwitchingCommand(command);
+    }
+    function isClientFunctionCommand(command) {
+        return command.type === COMMAND_TYPE.executeClientFunction ||
+            command.type === COMMAND_TYPE.executeSelector;
+    }
+    function isObservationCommand(command) {
+        return isClientFunctionCommand(command) ||
+            command.type === COMMAND_TYPE.wait ||
+            command.type === COMMAND_TYPE.assertion ||
+            command.type === COMMAND_TYPE.executeExpression;
+    }
+    function isWindowSwitchingCommand(command) {
+        return command.type === COMMAND_TYPE.switchToIframe || command.type === COMMAND_TYPE.switchToMainWindow;
+    }
+    function isScreenshotCommand(command) {
+        return command.type === COMMAND_TYPE.takeScreenshot ||
+            command.type === COMMAND_TYPE.takeElementScreenshot ||
+            command.type === COMMAND_TYPE.takeScreenshotOnFail;
+    }
+    function isResizeWindowCommand(command) {
+        return command.type === COMMAND_TYPE.resizeWindow ||
+            command.type === COMMAND_TYPE.resizeWindowToFitDevice ||
+            command.type === COMMAND_TYPE.maximizeWindow;
+    }
+    function isBrowserManipulationCommand(command) {
+        return isScreenshotCommand(command) || isResizeWindowCommand(command);
+    }
+    function isServiceCommand(command) {
+        return command.type === COMMAND_TYPE.testDone ||
+            command.type === COMMAND_TYPE.showAssertionRetriesStatus ||
+            command.type === COMMAND_TYPE.hideAssertionRetriesStatus ||
+            command.type === COMMAND_TYPE.setBreakpoint ||
+            command.type === COMMAND_TYPE.takeScreenshotOnFail ||
+            command.type === COMMAND_TYPE.recorder ||
+            command.type === COMMAND_TYPE.getProxyUrl;
+    }
+    function isExecutableInTopWindowOnly(command) {
+        return command.type === COMMAND_TYPE.testDone ||
+            command.type === COMMAND_TYPE.switchToMainWindow ||
+            command.type === COMMAND_TYPE.setNativeDialogHandler ||
+            command.type === COMMAND_TYPE.getNativeDialogHistory ||
+            command.type === COMMAND_TYPE.setTestSpeed ||
+            command.type === COMMAND_TYPE.showAssertionRetriesStatus ||
+            command.type === COMMAND_TYPE.hideAssertionRetriesStatus ||
+            command.type === COMMAND_TYPE.setBreakpoint ||
+            isBrowserManipulationCommand(command) && command.type !== COMMAND_TYPE.takeElementScreenshot;
+    }
+
+    var STATUS_BAR_DEBUG_ACTION = {
+        step: 'step',
+        resume: 'resume',
+    };
+
     // -------------------------------------------------------------
     // WARNING: this file is used by both the client and the server.
     // Do not use any browser or node-specific API!
@@ -337,64 +395,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
         actionSkipJsErrorsArgumentError: 'E98',
         actionFunctionOptionError: 'E99',
         actionInvalidObjectPropertyError: 'E100',
-    };
-
-    // -------------------------------------------------------------
-    function isCommandRejectableByPageError(command) {
-        return !isObservationCommand(command) && !isBrowserManipulationCommand(command) && !isServiceCommand(command) ||
-            isResizeWindowCommand(command)
-                && !isWindowSwitchingCommand(command);
-    }
-    function isClientFunctionCommand(command) {
-        return command.type === COMMAND_TYPE.executeClientFunction ||
-            command.type === COMMAND_TYPE.executeSelector;
-    }
-    function isObservationCommand(command) {
-        return isClientFunctionCommand(command) ||
-            command.type === COMMAND_TYPE.wait ||
-            command.type === COMMAND_TYPE.assertion ||
-            command.type === COMMAND_TYPE.executeExpression;
-    }
-    function isWindowSwitchingCommand(command) {
-        return command.type === COMMAND_TYPE.switchToIframe || command.type === COMMAND_TYPE.switchToMainWindow;
-    }
-    function isScreenshotCommand(command) {
-        return command.type === COMMAND_TYPE.takeScreenshot ||
-            command.type === COMMAND_TYPE.takeElementScreenshot ||
-            command.type === COMMAND_TYPE.takeScreenshotOnFail;
-    }
-    function isResizeWindowCommand(command) {
-        return command.type === COMMAND_TYPE.resizeWindow ||
-            command.type === COMMAND_TYPE.resizeWindowToFitDevice ||
-            command.type === COMMAND_TYPE.maximizeWindow;
-    }
-    function isBrowserManipulationCommand(command) {
-        return isScreenshotCommand(command) || isResizeWindowCommand(command);
-    }
-    function isServiceCommand(command) {
-        return command.type === COMMAND_TYPE.testDone ||
-            command.type === COMMAND_TYPE.showAssertionRetriesStatus ||
-            command.type === COMMAND_TYPE.hideAssertionRetriesStatus ||
-            command.type === COMMAND_TYPE.setBreakpoint ||
-            command.type === COMMAND_TYPE.takeScreenshotOnFail ||
-            command.type === COMMAND_TYPE.recorder ||
-            command.type === COMMAND_TYPE.getProxyUrl;
-    }
-    function isExecutableInTopWindowOnly(command) {
-        return command.type === COMMAND_TYPE.testDone ||
-            command.type === COMMAND_TYPE.switchToMainWindow ||
-            command.type === COMMAND_TYPE.setNativeDialogHandler ||
-            command.type === COMMAND_TYPE.getNativeDialogHistory ||
-            command.type === COMMAND_TYPE.setTestSpeed ||
-            command.type === COMMAND_TYPE.showAssertionRetriesStatus ||
-            command.type === COMMAND_TYPE.hideAssertionRetriesStatus ||
-            command.type === COMMAND_TYPE.setBreakpoint ||
-            isBrowserManipulationCommand(command) && command.type !== COMMAND_TYPE.takeElementScreenshot;
-    }
-
-    var STATUS_BAR_DEBUG_ACTION = {
-        step: 'step',
-        resume: 'resume',
+        actionElementIsNotTargetError: 'E101',
     };
 
     // Base
@@ -442,10 +443,11 @@ window['%hammerhead%'].utils.removeInjectedScript();
     var SelectorErrorBase = /** @class */ (function (_super) {
         __extends(SelectorErrorBase, _super);
         function SelectorErrorBase(code, _a, callsite) {
-            var apiFnChain = _a.apiFnChain, apiFnIndex = _a.apiFnIndex;
+            var _b = _a === void 0 ? {} : _a, apiFnChain = _b.apiFnChain, apiFnIndex = _b.apiFnIndex, reason = _b.reason;
             var _this = _super.call(this, code, callsite) || this;
             _this.apiFnChain = apiFnChain;
             _this.apiFnIndex = apiFnIndex;
+            _this.reason = reason;
             return _this;
         }
         return SelectorErrorBase;
@@ -626,11 +628,11 @@ window['%hammerhead%'].utils.removeInjectedScript();
     }(SelectorErrorBase));
     var ActionElementIsInvisibleError = /** @class */ (function (_super) {
         __extends(ActionElementIsInvisibleError, _super);
-        function ActionElementIsInvisibleError(callsite) {
-            return _super.call(this, TEST_RUN_ERRORS.actionElementIsInvisibleError, callsite) || this;
+        function ActionElementIsInvisibleError(callsite, apiFnArgs) {
+            return _super.call(this, TEST_RUN_ERRORS.actionElementIsInvisibleError, apiFnArgs, callsite) || this;
         }
         return ActionElementIsInvisibleError;
-    }(TestRunErrorBase));
+    }(SelectorErrorBase));
     var ActionSelectorMatchesWrongNodeTypeError = /** @class */ (function (_super) {
         __extends(ActionSelectorMatchesWrongNodeTypeError, _super);
         function ActionSelectorMatchesWrongNodeTypeError(nodeDescription) {
@@ -649,15 +651,22 @@ window['%hammerhead%'].utils.removeInjectedScript();
         }
         return ActionAdditionalElementNotFoundError;
     }(SelectorErrorBase));
+    var ActionElementIsNotTargetError = /** @class */ (function (_super) {
+        __extends(ActionElementIsNotTargetError, _super);
+        function ActionElementIsNotTargetError(callsite) {
+            return _super.call(this, TEST_RUN_ERRORS.actionElementIsNotTargetError, callsite) || this;
+        }
+        return ActionElementIsNotTargetError;
+    }(TestRunErrorBase));
     var ActionAdditionalElementIsInvisibleError = /** @class */ (function (_super) {
         __extends(ActionAdditionalElementIsInvisibleError, _super);
-        function ActionAdditionalElementIsInvisibleError(argumentName) {
-            var _this = _super.call(this, TEST_RUN_ERRORS.actionAdditionalElementIsInvisibleError) || this;
+        function ActionAdditionalElementIsInvisibleError(argumentName, apiFnArgs) {
+            var _this = _super.call(this, TEST_RUN_ERRORS.actionAdditionalElementIsInvisibleError, apiFnArgs) || this;
             _this.argumentName = argumentName;
             return _this;
         }
         return ActionAdditionalElementIsInvisibleError;
-    }(TestRunErrorBase));
+    }(SelectorErrorBase));
     var ActionAdditionalSelectorMatchesWrongNodeTypeError = /** @class */ (function (_super) {
         __extends(ActionAdditionalSelectorMatchesWrongNodeTypeError, _super);
         function ActionAdditionalSelectorMatchesWrongNodeTypeError(argumentName, nodeDescription) {
@@ -941,6 +950,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
         ActionElementIsInvisibleError: ActionElementIsInvisibleError,
         ActionSelectorMatchesWrongNodeTypeError: ActionSelectorMatchesWrongNodeTypeError,
         ActionAdditionalElementNotFoundError: ActionAdditionalElementNotFoundError,
+        ActionElementIsNotTargetError: ActionElementIsNotTargetError,
         ActionAdditionalElementIsInvisibleError: ActionAdditionalElementIsInvisibleError,
         ActionAdditionalSelectorMatchesWrongNodeTypeError: ActionAdditionalSelectorMatchesWrongNodeTypeError,
         ActionElementNonEditableError: ActionElementNonEditableError,
@@ -1506,424 +1516,108 @@ window['%hammerhead%'].utils.removeInjectedScript();
         return replicator$1.addTransforms(transforms);
     }
 
-    var BoundaryValues = /** @class */ (function () {
-        function BoundaryValues(top, right, bottom, left) {
-            if (top === void 0) { top = 0; }
-            if (right === void 0) { right = 0; }
-            if (bottom === void 0) { bottom = 0; }
-            if (left === void 0) { left = 0; }
-            this.top = top;
-            this.right = right;
-            this.bottom = bottom;
-            this.left = left;
+    // @ts-ignore
+    function isNodeCollection(obj) {
+        return obj instanceof hammerhead.nativeMethods.HTMLCollection || obj instanceof hammerhead.nativeMethods.NodeList;
+    }
+    function castToArray(list) {
+        var length = list.length;
+        var result = [];
+        for (var i = 0; i < length; i++)
+            result.push(list[i]);
+        return result;
+    }
+    function isArrayOfNodes(obj) {
+        if (!hammerhead.nativeMethods.isArray(obj))
+            return false;
+        for (var i = 0; i < obj.length; i++) {
+            // @ts-ignore
+            if (!(obj[i] instanceof hammerhead.nativeMethods.Node))
+                return false;
         }
-        BoundaryValues.create = function (v) {
-            return new BoundaryValues(v.top, v.right, v.bottom, v.left);
+        return true;
+    }
+
+    var _a;
+    var SELECTOR_FILTER_ERROR = {
+        filterVisible: 1,
+        filterHidden: 2,
+        nth: 3,
+    };
+    var FILTER_ERROR_TO_API_RE = (_a = {},
+        _a[SELECTOR_FILTER_ERROR.filterVisible] = /^\.filterVisible\(\)$/,
+        _a[SELECTOR_FILTER_ERROR.filterHidden] = /^\.filterHidden\(\)$/,
+        _a[SELECTOR_FILTER_ERROR.nth] = /^\.nth\(\d+\)$/,
+        _a);
+    var SelectorFilter = /** @class */ (function () {
+        function SelectorFilter() {
+            this._err = null;
+        }
+        Object.defineProperty(SelectorFilter.prototype, "error", {
+            get: function () {
+                return this._err;
+            },
+            set: function (message) {
+                if (this._err === null)
+                    this._err = message;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SelectorFilter.prototype.filter = function (nodes, options, apiInfo) {
+            if (options.filterVisible) {
+                nodes = nodes.filter(testcafeCore.positionUtils.isElementVisible);
+                this._assertFilterError(nodes, apiInfo, SELECTOR_FILTER_ERROR.filterVisible);
+            }
+            if (options.filterHidden) {
+                nodes = nodes.filter(function (n) { return !testcafeCore.positionUtils.isElementVisible(n); });
+                this._assertFilterError(nodes, apiInfo, SELECTOR_FILTER_ERROR.filterHidden);
+            }
+            if (options.counterMode) {
+                if (options.index === null)
+                    return nodes.length;
+                return SelectorFilter._getNodeByIndex(nodes, options.index) ? 1 : 0;
+            }
+            if (options.collectionMode) {
+                if (options.index !== null) {
+                    var nodeOnIndex_1 = SelectorFilter._getNodeByIndex(nodes, options.index);
+                    nodes = nodeOnIndex_1 ? [nodeOnIndex_1] : [];
+                    this._assertFilterError(nodes, apiInfo, SELECTOR_FILTER_ERROR.nth);
+                }
+                return nodes;
+            }
+            var nodeOnIndex = SelectorFilter._getNodeByIndex(nodes, options.index || 0);
+            if (!nodeOnIndex)
+                this.error = SelectorFilter._getErrorItem(apiInfo, SELECTOR_FILTER_ERROR.nth);
+            return nodeOnIndex;
         };
-        BoundaryValues.prototype.add = function (d) {
-            this.top += d.top;
-            this.right += d.right;
-            this.bottom += d.bottom;
-            this.left += d.left;
-            return this;
+        SelectorFilter.prototype.cast = function (searchResult) {
+            if (searchResult === null || searchResult === void 0)
+                return [];
+            else if (searchResult instanceof hammerhead.nativeMethods.Node)
+                return [searchResult];
+            else if (isArrayOfNodes(searchResult))
+                return searchResult;
+            else if (isNodeCollection(searchResult))
+                return castToArray(searchResult);
+            throw new InvalidSelectorResultError();
         };
-        BoundaryValues.prototype.sub = function (d) {
-            if ('top' in d) {
-                this.top -= d.top;
-                this.left -= d.left;
-            }
-            this.bottom -= d.bottom;
-            this.right -= d.right;
-            return this;
+        SelectorFilter.prototype._assertFilterError = function (filtered, apiInfo, filterError) {
+            if (filtered.length === 0)
+                this.error = SelectorFilter._getErrorItem(apiInfo, filterError);
         };
-        BoundaryValues.prototype.round = function (leftTopRound, rightBottomRound) {
-            if (leftTopRound === void 0) { leftTopRound = Math.round; }
-            if (rightBottomRound === void 0) { rightBottomRound = leftTopRound; }
-            this.top = leftTopRound(this.top);
-            this.right = rightBottomRound(this.right);
-            this.bottom = rightBottomRound(this.bottom);
-            this.left = leftTopRound(this.left);
-            return this;
+        SelectorFilter._getErrorItem = function (_a, err) {
+            var apiFnChain = _a.apiFnChain, apiFnID = _a.apiFnID;
+            if (err) {
+                for (var i = apiFnID; i < apiFnChain.length; i++) {
+                    if (FILTER_ERROR_TO_API_RE[err].test(apiFnChain[i]))
+                        return i;
+                }
+            }
+            return null;
         };
-        BoundaryValues.prototype.contains = function (point) {
-            return point.x >= this.left && point.x <= this.right && point.y >= this.top && point.y <= this.bottom;
-        };
-        return BoundaryValues;
-    }());
-
-    var ARRAY_METHODS_PREFIX = 'array';
-    function createNativeMethodWrapper(methodName) {
-        var nativeMethodName = ARRAY_METHODS_PREFIX + methodName.charAt(0).toUpperCase() + methodName.slice(1);
-        var nativeMethod = hammerhead.nativeMethods[nativeMethodName];
-        return function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return nativeMethod.call.apply(nativeMethod, args);
-        };
-    }
-    var filter = createNativeMethodWrapper('filter');
-    var map = createNativeMethodWrapper('map');
-    var slice = createNativeMethodWrapper('slice');
-    var splice = createNativeMethodWrapper('splice');
-    var unshift = createNativeMethodWrapper('unshift');
-    var forEach = createNativeMethodWrapper('forEach');
-    var indexOf = createNativeMethodWrapper('indexOf');
-    var some = createNativeMethodWrapper('some');
-    var reverse = createNativeMethodWrapper('reverse');
-    var reduce = createNativeMethodWrapper('reduce');
-    var concat = createNativeMethodWrapper('concat');
-    var join = createNativeMethodWrapper('join');
-
-    var browserUtils = hammerhead__default.utils.browser;
-    var nativeMethods = hammerhead__default.nativeMethods;
-    // NOTE: We have to retrieve styleUtils.get from hammerhead
-    // to avoid circular dependencies between domUtils and styleUtils
-    var getElementStyleProperty = hammerhead__default.utils.style.get;
-    var getActiveElement = hammerhead__default.utils.dom.getActiveElement;
-    var findDocument = hammerhead__default.utils.dom.findDocument;
-    var find = hammerhead__default.utils.dom.find;
-    var isElementInDocument = hammerhead__default.utils.dom.isElementInDocument;
-    var isElementInIframe = hammerhead__default.utils.dom.isElementInIframe;
-    var getIframeByElement = hammerhead__default.utils.dom.getIframeByElement;
-    var isCrossDomainWindows = hammerhead__default.utils.dom.isCrossDomainWindows;
-    var getSelectParent = hammerhead__default.utils.dom.getSelectParent;
-    var getChildVisibleIndex = hammerhead__default.utils.dom.getChildVisibleIndex;
-    var getSelectVisibleChildren = hammerhead__default.utils.dom.getSelectVisibleChildren;
-    var isElementNode = hammerhead__default.utils.dom.isElementNode;
-    var isTextNode = hammerhead__default.utils.dom.isTextNode;
-    var isRenderedNode = hammerhead__default.utils.dom.isRenderedNode;
-    var isIframeElement = hammerhead__default.utils.dom.isIframeElement;
-    var isInputElement = hammerhead__default.utils.dom.isInputElement;
-    var isButtonElement = hammerhead__default.utils.dom.isButtonElement;
-    var isFileInput = hammerhead__default.utils.dom.isFileInput;
-    var isTextAreaElement = hammerhead__default.utils.dom.isTextAreaElement;
-    var isAnchorElement = hammerhead__default.utils.dom.isAnchorElement;
-    var isImgElement = hammerhead__default.utils.dom.isImgElement;
-    var isFormElement = hammerhead__default.utils.dom.isFormElement;
-    var isLabelElement = hammerhead__default.utils.dom.isLabelElement;
-    var isSelectElement = hammerhead__default.utils.dom.isSelectElement;
-    var isRadioButtonElement = hammerhead__default.utils.dom.isRadioButtonElement;
-    var isColorInputElement = hammerhead__default.utils.dom.isColorInputElement;
-    var isCheckboxElement = hammerhead__default.utils.dom.isCheckboxElement;
-    var isOptionElement = hammerhead__default.utils.dom.isOptionElement;
-    var isSVGElement = hammerhead__default.utils.dom.isSVGElement;
-    var isMapElement = hammerhead__default.utils.dom.isMapElement;
-    var isBodyElement = hammerhead__default.utils.dom.isBodyElement;
-    var isHtmlElement = hammerhead__default.utils.dom.isHtmlElement;
-    var isDocument = hammerhead__default.utils.dom.isDocument;
-    var isWindow = hammerhead__default.utils.dom.isWindow;
-    var isTextEditableInput = hammerhead__default.utils.dom.isTextEditableInput;
-    var isTextEditableElement = hammerhead__default.utils.dom.isTextEditableElement;
-    var isTextEditableElementAndEditingAllowed = hammerhead__default.utils.dom.isTextEditableElementAndEditingAllowed;
-    var isContentEditableElement = hammerhead__default.utils.dom.isContentEditableElement;
-    var isDomElement = hammerhead__default.utils.dom.isDomElement;
-    var isShadowUIElement = hammerhead__default.utils.dom.isShadowUIElement;
-    var isShadowRoot = hammerhead__default.utils.dom.isShadowRoot;
-    var isElementFocusable = hammerhead__default.utils.dom.isElementFocusable;
-    var isHammerheadAttr = hammerhead__default.utils.dom.isHammerheadAttr;
-    var isElementReadOnly = hammerhead__default.utils.dom.isElementReadOnly;
-    var getScrollbarSize = hammerhead__default.utils.dom.getScrollbarSize;
-    var getMapContainer = hammerhead__default.utils.dom.getMapContainer;
-    var getTagName = hammerhead__default.utils.dom.getTagName;
-    var closest = hammerhead__default.utils.dom.closest;
-    var getParents = hammerhead__default.utils.dom.getParents;
-    var findParent = hammerhead__default.utils.dom.findParent;
-    var getTopSameDomainWindow = hammerhead__default.utils.dom.getTopSameDomainWindow;
-    var getParentExceptShadowRoot = hammerhead__default.utils.dom.getParentExceptShadowRoot;
-
-    var styleUtils = hammerhead__default.utils.style;
-    var getBordersWidth = hammerhead__default.utils.style.getBordersWidth;
-    var getComputedStyle = hammerhead__default.utils.style.getComputedStyle;
-    var getElementMargin = hammerhead__default.utils.style.getElementMargin;
-    var getElementPadding = hammerhead__default.utils.style.getElementPadding;
-    var getElementScroll = hammerhead__default.utils.style.getElementScroll;
-    var getOptionHeight = hammerhead__default.utils.style.getOptionHeight;
-    var getSelectElementSize = hammerhead__default.utils.style.getSelectElementSize;
-    var isElementVisible = hammerhead__default.utils.style.isElementVisible;
-    var isSelectVisibleChild = hammerhead__default.utils.style.isVisibleChild;
-    var getWidth = hammerhead__default.utils.style.getWidth;
-    var getHeight = hammerhead__default.utils.style.getHeight;
-    var getInnerWidth = hammerhead__default.utils.style.getInnerWidth;
-    var getInnerHeight = hammerhead__default.utils.style.getInnerHeight;
-    var getScrollLeft = hammerhead__default.utils.style.getScrollLeft;
-    var getScrollTop = hammerhead__default.utils.style.getScrollTop;
-    var setScrollLeft = hammerhead__default.utils.style.setScrollLeft;
-    var setScrollTop = hammerhead__default.utils.style.setScrollTop;
-    var get = hammerhead__default.utils.style.get;
-    function isVisibilityHiddenNode(node) {
-        return !!findParent(node, true, function (ancestor) {
-            return isElementNode(ancestor) && styleUtils.get(ancestor, 'visibility') === 'hidden';
-        });
-    }
-    function isHiddenNode(node) {
-        return !!findParent(node, true, function (ancestor) {
-            return isElementNode(ancestor) && styleUtils.get(ancestor, 'display') === 'none';
-        });
-    }
-    function isNotVisibleNode(node) {
-        return !isRenderedNode(node) || isHiddenNode(node) || isVisibilityHiddenNode(node);
-    }
-    function hasDimensions(el) {
-        //NOTE: it's like jquery ':visible' selector (http://blog.jquery.com/2009/02/20/jquery-1-3-2-released/)
-        return el && !(el.offsetHeight <= 0 && el.offsetWidth <= 0);
-    }
-
-    var AxisValues = /** @class */ (function () {
-        function AxisValues(x, y) {
-            this.x = x;
-            this.y = y;
-        }
-        AxisValues.create = function (a) {
-            if ('left' in a)
-                return new AxisValues(a.left, a.top);
-            else if ('right' in a)
-                return new AxisValues(a.right, a.bottom);
-            return new AxisValues(a.x, a.y);
-        };
-        AxisValues.prototype.add = function (p) {
-            this.x += p.x;
-            this.y += p.y;
-            return this;
-        };
-        AxisValues.prototype.sub = function (p) {
-            this.x -= p.x;
-            this.y -= p.y;
-            return this;
-        };
-        AxisValues.prototype.round = function (fn) {
-            if (fn === void 0) { fn = Math.round; }
-            this.x = fn(this.x);
-            this.y = fn(this.y);
-            return this;
-        };
-        AxisValues.prototype.eql = function (p) {
-            return this.x === p.x && this.y === p.y;
-        };
-        AxisValues.prototype.mul = function (n) {
-            this.x *= n;
-            this.y *= n;
-            return this;
-        };
-        AxisValues.prototype.distance = function (p) {
-            return Math.sqrt(Math.pow(this.x - p.x, 2) + Math.pow(this.y - p.y, 2));
-        };
-        return AxisValues;
-    }());
-
-    var Dimensions = /** @class */ (function () {
-        function Dimensions(width, height, position, borders, elScroll, scrollbar) {
-            this.width = width;
-            this.height = height;
-            this.left = position.x;
-            this.top = position.y;
-            this.right = position.x + width;
-            this.bottom = position.y + height;
-            this.border = borders;
-            this.scrollbar = scrollbar;
-            this.scroll = elScroll;
-        }
-        return Dimensions;
-    }());
-
-    var getElementRectangle = hammerhead__default.utils.position.getElementRectangle;
-    var getOffsetPosition = hammerhead__default.utils.position.getOffsetPosition;
-    var offsetToClientCoords = hammerhead__default.utils.position.offsetToClientCoords;
-    function getClientDimensions(target) {
-        var isHtmlElement$1 = isHtmlElement(target);
-        var body = isHtmlElement$1 ? target.getElementsByTagName('body')[0] : null;
-        var elementRect = target.getBoundingClientRect();
-        var elBorders = BoundaryValues.create(getBordersWidth(target));
-        var elScroll = getElementScroll(target);
-        var isElementInIframe$1 = isElementInIframe(target);
-        var isCompatMode = target.ownerDocument.compatMode === 'BackCompat';
-        var elPosition = isHtmlElement$1 ? new AxisValues(0, 0) : AxisValues.create(elementRect);
-        var elHeight = elementRect.height;
-        var elWidth = elementRect.width;
-        if (isHtmlElement$1) {
-            if (body && isCompatMode) {
-                elHeight = body.clientHeight;
-                elWidth = body.clientWidth;
-            }
-            else {
-                elHeight = target.clientHeight;
-                elWidth = target.clientWidth;
-            }
-        }
-        if (isElementInIframe$1) {
-            var iframeElement = getIframeByElement(target);
-            if (iframeElement) {
-                var iframeOffset = getOffsetPosition(iframeElement);
-                var clientOffset = offsetToClientCoords(AxisValues.create(iframeOffset));
-                var iframeBorders = getBordersWidth(iframeElement);
-                elPosition.add(clientOffset).add(AxisValues.create(iframeBorders));
-                if (isHtmlElement$1)
-                    elBorders.add(iframeBorders);
-            }
-        }
-        var hasRightScrollbar = !isHtmlElement$1 && getInnerWidth(target) !== target.clientWidth;
-        var hasBottomScrollbar = !isHtmlElement$1 && getInnerHeight(target) !== target.clientHeight;
-        var scrollbar = {
-            right: hasRightScrollbar ? getScrollbarSize() : 0,
-            bottom: hasBottomScrollbar ? getScrollbarSize() : 0,
-        };
-        return new Dimensions(elWidth, elHeight, elPosition, elBorders, elScroll, scrollbar);
-    }
-    function isIframeVisible(el) {
-        return !hiddenUsingStyles(el);
-    }
-    function hiddenUsingStyles(el) {
-        return get(el, 'visibility') === 'hidden' ||
-            get(el, 'display') === 'none';
-    }
-    function hiddenByRectangle(el) {
-        var elementRectangle = getElementRectangle(el);
-        return elementRectangle.width === 0 ||
-            elementRectangle.height === 0;
-    }
-    function isElementVisible$1(el) {
-        if (isTextNode(el))
-            return !isNotVisibleNode(el);
-        if (!isContentEditableElement(el) &&
-            !isSVGElement(el) &&
-            hiddenByRectangle(el))
-            return false;
-        if (isMapElement(el)) {
-            var mapContainer = getMapContainer(closest(el, 'map'));
-            return mapContainer ? isElementVisible$1(mapContainer) : false;
-        }
-        if (isSelectVisibleChild(el)) {
-            var select = getSelectParent(el);
-            var childRealIndex = getChildVisibleIndex(select, el);
-            var realSelectSizeValue = getSelectElementSize(select);
-            var topVisibleIndex = Math.max(getScrollTop(select) / getOptionHeight(select), 0);
-            var bottomVisibleIndex = topVisibleIndex + realSelectSizeValue - 1;
-            var optionVisibleIndex = Math.max(childRealIndex - topVisibleIndex, 0);
-            return optionVisibleIndex >= topVisibleIndex && optionVisibleIndex <= bottomVisibleIndex;
-        }
-        if (isSVGElement(el)) {
-            var hiddenParent = findParent(el, true, function (parent) {
-                return hiddenUsingStyles(parent);
-            });
-            if (!hiddenParent)
-                return !hiddenByRectangle(el);
-            return false;
-        }
-        return hasDimensions(el) && !hiddenUsingStyles(el);
-    }
-
-    // @ts-ignore
-    function visible(el) {
-        if (testcafeCore.domUtils.isIframeElement(el))
-            return isIframeVisible(el);
-        if (!hammerhead.utils.dom.isDomElement(el) && !hammerhead.utils.dom.isTextNode(el))
-            return false;
-        if (testcafeCore.domUtils.isOptionElement(el) || testcafeCore.domUtils.getTagName(el) === 'optgroup')
-            return testcafeUi.selectElement.isOptionElementVisible(el);
-        return isElementVisible$1(el);
-    }
-    function isNodeCollection(obj) {
-        return obj instanceof hammerhead.nativeMethods.HTMLCollection || obj instanceof hammerhead.nativeMethods.NodeList;
-    }
-    function castToArray(list) {
-        var length = list.length;
-        var result = [];
-        for (var i = 0; i < length; i++)
-            result.push(list[i]);
-        return result;
-    }
-    function isArrayOfNodes(obj) {
-        if (!hammerhead.nativeMethods.isArray(obj))
-            return false;
-        for (var i = 0; i < obj.length; i++) {
-            // @ts-ignore
-            if (!(obj[i] instanceof hammerhead.nativeMethods.Node))
-                return false;
-        }
-        return true;
-    }
-
-    var _a;
-    var SELECTOR_FILTER_ERROR = {
-        filterVisible: 1,
-        filterHidden: 2,
-        nth: 3,
-    };
-    var FILTER_ERROR_TO_API_RE = (_a = {},
-        _a[SELECTOR_FILTER_ERROR.filterVisible] = /^\.filterVisible\(\)$/,
-        _a[SELECTOR_FILTER_ERROR.filterHidden] = /^\.filterHidden\(\)$/,
-        _a[SELECTOR_FILTER_ERROR.nth] = /^\.nth\(\d+\)$/,
-        _a);
-    var SelectorFilter = /** @class */ (function () {
-        function SelectorFilter() {
-            this._err = null;
-        }
-        Object.defineProperty(SelectorFilter.prototype, "error", {
-            get: function () {
-                return this._err;
-            },
-            set: function (message) {
-                if (this._err === null)
-                    this._err = message;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SelectorFilter.prototype.filter = function (nodes, options, apiInfo) {
-            if (options.filterVisible) {
-                nodes = nodes.filter(visible);
-                this._assertFilterError(nodes, apiInfo, SELECTOR_FILTER_ERROR.filterVisible);
-            }
-            if (options.filterHidden) {
-                nodes = nodes.filter(function (n) { return !visible(n); });
-                this._assertFilterError(nodes, apiInfo, SELECTOR_FILTER_ERROR.filterHidden);
-            }
-            if (options.counterMode) {
-                if (options.index === null)
-                    return nodes.length;
-                return SelectorFilter._getNodeByIndex(nodes, options.index) ? 1 : 0;
-            }
-            if (options.collectionMode) {
-                if (options.index !== null) {
-                    var nodeOnIndex_1 = SelectorFilter._getNodeByIndex(nodes, options.index);
-                    nodes = nodeOnIndex_1 ? [nodeOnIndex_1] : [];
-                    this._assertFilterError(nodes, apiInfo, SELECTOR_FILTER_ERROR.nth);
-                }
-                return nodes;
-            }
-            var nodeOnIndex = SelectorFilter._getNodeByIndex(nodes, options.index || 0);
-            if (!nodeOnIndex)
-                this.error = SelectorFilter._getErrorItem(apiInfo, SELECTOR_FILTER_ERROR.nth);
-            return nodeOnIndex;
-        };
-        SelectorFilter.prototype.cast = function (searchResult) {
-            if (searchResult === null || searchResult === void 0)
-                return [];
-            else if (searchResult instanceof hammerhead.nativeMethods.Node)
-                return [searchResult];
-            else if (isArrayOfNodes(searchResult))
-                return searchResult;
-            else if (isNodeCollection(searchResult))
-                return castToArray(searchResult);
-            throw new InvalidSelectorResultError();
-        };
-        SelectorFilter.prototype._assertFilterError = function (filtered, apiInfo, filterError) {
-            if (filtered.length === 0)
-                this.error = SelectorFilter._getErrorItem(apiInfo, filterError);
-        };
-        SelectorFilter._getErrorItem = function (_a, err) {
-            var apiFnChain = _a.apiFnChain, apiFnID = _a.apiFnID;
-            if (err) {
-                for (var i = apiFnID; i < apiFnChain.length; i++) {
-                    if (FILTER_ERROR_TO_API_RE[err].test(apiFnChain[i]))
-                        return i;
-                }
-            }
-            return null;
-        };
-        SelectorFilter._getNodeByIndex = function (nodes, index) {
-            return index < 0 ? nodes[nodes.length + index] : nodes[index];
+        SelectorFilter._getNodeByIndex = function (nodes, index) {
+            return index < 0 ? nodes[nodes.length + index] : nodes[index];
         };
         return SelectorFilter;
     }());
@@ -2026,7 +1720,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
 
     var messageSandbox = hammerhead__default.eventSandbox.message;
     var processScript = hammerhead__default.processScript;
-    var nativeMethods$1 = hammerhead__default.nativeMethods;
+    var nativeMethods = hammerhead__default.nativeMethods;
     var APPEARED_DIALOGS = 'testcafe|native-dialog-tracker|appeared-dialogs';
     var UNEXPECTED_DIALOG = 'testcafe|native-dialog-tracker|unexpected-dialog';
     var ERROR_IN_HANDLER = 'testcafe|native-dialog-tracker|error-in-handler';
@@ -2076,7 +1770,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
             configurable: true
         });
         NativeDialogTracker._getPageUrl = function () {
-            return nativeMethods$1.eval(GETTING_PAGE_URL_PROCESSED_SCRIPT);
+            return nativeMethods.eval(GETTING_PAGE_URL_PROCESSED_SCRIPT);
         };
         NativeDialogTracker.prototype._initListening = function () {
             var _this = this;
@@ -2351,11 +2045,11 @@ window['%hammerhead%'].utils.removeInjectedScript();
     }(InterDriverMessage));
 
     var JSON$1 = hammerhead__default.json;
-    var nativeMethods$2 = hammerhead__default.nativeMethods;
+    var nativeMethods$1 = hammerhead__default.nativeMethods;
     var STORAGE_KEY_PREFIX = 'testcafe|driver|';
     var Storage = /** @class */ (function () {
         function Storage(window, testRunId, windowId) {
-            this.storage = nativeMethods$2.winSessionStorageGetter.call(window);
+            this.storage = nativeMethods$1.winSessionStorageGetter.call(window);
             this.storageKey = this._createStorageKey(testRunId, windowId);
             this.data = {};
             this._loadFromStorage();
@@ -2367,14 +2061,14 @@ window['%hammerhead%'].utils.removeInjectedScript();
             return storageKey;
         };
         Storage.prototype._loadFromStorage = function () {
-            var savedData = nativeMethods$2.storageGetItem.call(this.storage, this.storageKey);
+            var savedData = nativeMethods$1.storageGetItem.call(this.storage, this.storageKey);
             if (savedData) {
                 this.data = JSON$1.parse(savedData);
-                nativeMethods$2.storageRemoveItem.call(this.storage, this.storageKey);
+                nativeMethods$1.storageRemoveItem.call(this.storage, this.storageKey);
             }
         };
         Storage.prototype.save = function () {
-            nativeMethods$2.storageSetItem.call(this.storage, this.storageKey, JSON$1.stringify(this.data));
+            nativeMethods$1.storageSetItem.call(this.storage, this.storageKey, JSON$1.stringify(this.data));
         };
         Storage.prototype.setItem = function (prop, value) {
             this.data[prop] = value;
@@ -2384,7 +2078,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
             return this.data[prop];
         };
         Storage.prototype.dispose = function () {
-            nativeMethods$2.storageRemoveItem.call(this.storage, this.storageKey);
+            nativeMethods$1.storageRemoveItem.call(this.storage, this.storageKey);
         };
         return Storage;
     }());
@@ -2722,7 +2416,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
     // Element
     var elementSnapshotPropertyInitializers = {
         tagName: function (element) { return element.tagName.toLowerCase(); },
-        visible: function (element) { return isElementVisible$1(element); },
+        visible: function (element) { return testcafeCore.positionUtils.isElementVisible(element); },
         focused: function (element) { return hammerhead.utils.dom.getActiveElement() === element; },
         attributes: function (element) {
             // eslint-disable-next-line no-restricted-properties
@@ -2874,9 +2568,9 @@ window['%hammerhead%'].utils.removeInjectedScript();
     }());
 
     var Promise = hammerhead__default.Promise;
-    var nativeMethods$3 = hammerhead__default.nativeMethods;
+    var nativeMethods$2 = hammerhead__default.nativeMethods;
     function delay (ms) {
-        return new Promise(function (resolve) { return nativeMethods$3.setTimeout.call(window, resolve, ms); });
+        return new Promise(function (resolve) { return nativeMethods$2.setTimeout.call(window, resolve, ms); });
     }
 
     function whilst(condition, iterator) {
@@ -2895,11 +2589,6 @@ window['%hammerhead%'].utils.removeInjectedScript();
         });
     }
 
-    var AUTOMATION_ERROR_TYPES = {
-        elementIsInvisibleError: 'elementIsInvisibleError',
-        foundElementIsNotTarget: 'foundElementIsNotTarget',
-    };
-
     // NOTE: node description by node type
     var NODE_TYPE_DESCRIPTIONS = {
         1: 'element',
@@ -2974,6 +2663,260 @@ window['%hammerhead%'].utils.removeInjectedScript();
         return ElementsRetriever;
     }());
 
+    var BoundaryValues = /** @class */ (function () {
+        function BoundaryValues(top, right, bottom, left) {
+            if (top === void 0) { top = 0; }
+            if (right === void 0) { right = 0; }
+            if (bottom === void 0) { bottom = 0; }
+            if (left === void 0) { left = 0; }
+            this.top = top;
+            this.right = right;
+            this.bottom = bottom;
+            this.left = left;
+        }
+        BoundaryValues.create = function (v) {
+            return new BoundaryValues(v.top, v.right, v.bottom, v.left);
+        };
+        BoundaryValues.prototype.add = function (d) {
+            this.top += d.top;
+            this.right += d.right;
+            this.bottom += d.bottom;
+            this.left += d.left;
+            return this;
+        };
+        BoundaryValues.prototype.sub = function (d) {
+            if ('top' in d) {
+                this.top -= d.top;
+                this.left -= d.left;
+            }
+            this.bottom -= d.bottom;
+            this.right -= d.right;
+            return this;
+        };
+        BoundaryValues.prototype.round = function (leftTopRound, rightBottomRound) {
+            if (leftTopRound === void 0) { leftTopRound = Math.round; }
+            if (rightBottomRound === void 0) { rightBottomRound = leftTopRound; }
+            this.top = leftTopRound(this.top);
+            this.right = rightBottomRound(this.right);
+            this.bottom = rightBottomRound(this.bottom);
+            this.left = leftTopRound(this.left);
+            return this;
+        };
+        BoundaryValues.prototype.contains = function (point) {
+            return point.x >= this.left && point.x <= this.right && point.y >= this.top && point.y <= this.bottom;
+        };
+        return BoundaryValues;
+    }());
+
+    var ARRAY_METHODS_PREFIX = 'array';
+    function createNativeMethodWrapper(methodName) {
+        var nativeMethodName = ARRAY_METHODS_PREFIX + methodName.charAt(0).toUpperCase() + methodName.slice(1);
+        var nativeMethod = hammerhead.nativeMethods[nativeMethodName];
+        return function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            return nativeMethod.call.apply(nativeMethod, args);
+        };
+    }
+    var filter = createNativeMethodWrapper('filter');
+    var map = createNativeMethodWrapper('map');
+    var slice = createNativeMethodWrapper('slice');
+    var splice = createNativeMethodWrapper('splice');
+    var unshift = createNativeMethodWrapper('unshift');
+    var forEach = createNativeMethodWrapper('forEach');
+    var indexOf = createNativeMethodWrapper('indexOf');
+    var some = createNativeMethodWrapper('some');
+    var reverse = createNativeMethodWrapper('reverse');
+    var reduce = createNativeMethodWrapper('reduce');
+    var concat = createNativeMethodWrapper('concat');
+    var join = createNativeMethodWrapper('join');
+
+    var browserUtils = hammerhead__default.utils.browser;
+    var nativeMethods$3 = hammerhead__default.nativeMethods;
+    // NOTE: We have to retrieve styleUtils.get from hammerhead
+    // to avoid circular dependencies between domUtils and styleUtils
+    var getElementStyleProperty = hammerhead__default.utils.style.get;
+    var getActiveElement = hammerhead__default.utils.dom.getActiveElement;
+    var findDocument = hammerhead__default.utils.dom.findDocument;
+    var find = hammerhead__default.utils.dom.find;
+    var isElementInDocument = hammerhead__default.utils.dom.isElementInDocument;
+    var isElementInIframe = hammerhead__default.utils.dom.isElementInIframe;
+    var getIframeByElement = hammerhead__default.utils.dom.getIframeByElement;
+    var isCrossDomainWindows = hammerhead__default.utils.dom.isCrossDomainWindows;
+    var getSelectParent = hammerhead__default.utils.dom.getSelectParent;
+    var getChildVisibleIndex = hammerhead__default.utils.dom.getChildVisibleIndex;
+    var getSelectVisibleChildren = hammerhead__default.utils.dom.getSelectVisibleChildren;
+    var isElementNode = hammerhead__default.utils.dom.isElementNode;
+    var isTextNode = hammerhead__default.utils.dom.isTextNode;
+    var isRenderedNode = hammerhead__default.utils.dom.isRenderedNode;
+    var isIframeElement = hammerhead__default.utils.dom.isIframeElement;
+    var isInputElement = hammerhead__default.utils.dom.isInputElement;
+    var isButtonElement = hammerhead__default.utils.dom.isButtonElement;
+    var isFileInput = hammerhead__default.utils.dom.isFileInput;
+    var isTextAreaElement = hammerhead__default.utils.dom.isTextAreaElement;
+    var isAnchorElement = hammerhead__default.utils.dom.isAnchorElement;
+    var isImgElement = hammerhead__default.utils.dom.isImgElement;
+    var isFormElement = hammerhead__default.utils.dom.isFormElement;
+    var isLabelElement = hammerhead__default.utils.dom.isLabelElement;
+    var isSelectElement = hammerhead__default.utils.dom.isSelectElement;
+    var isRadioButtonElement = hammerhead__default.utils.dom.isRadioButtonElement;
+    var isColorInputElement = hammerhead__default.utils.dom.isColorInputElement;
+    var isCheckboxElement = hammerhead__default.utils.dom.isCheckboxElement;
+    var isOptionElement = hammerhead__default.utils.dom.isOptionElement;
+    var isSVGElement = hammerhead__default.utils.dom.isSVGElement;
+    var isMapElement = hammerhead__default.utils.dom.isMapElement;
+    var isBodyElement = hammerhead__default.utils.dom.isBodyElement;
+    var isHtmlElement = hammerhead__default.utils.dom.isHtmlElement;
+    var isDocument = hammerhead__default.utils.dom.isDocument;
+    var isWindow = hammerhead__default.utils.dom.isWindow;
+    var isTextEditableInput = hammerhead__default.utils.dom.isTextEditableInput;
+    var isTextEditableElement = hammerhead__default.utils.dom.isTextEditableElement;
+    var isTextEditableElementAndEditingAllowed = hammerhead__default.utils.dom.isTextEditableElementAndEditingAllowed;
+    var isContentEditableElement = hammerhead__default.utils.dom.isContentEditableElement;
+    var isDomElement = hammerhead__default.utils.dom.isDomElement;
+    var isShadowUIElement = hammerhead__default.utils.dom.isShadowUIElement;
+    var isShadowRoot = hammerhead__default.utils.dom.isShadowRoot;
+    var isElementFocusable = hammerhead__default.utils.dom.isElementFocusable;
+    var isHammerheadAttr = hammerhead__default.utils.dom.isHammerheadAttr;
+    var isElementReadOnly = hammerhead__default.utils.dom.isElementReadOnly;
+    var getScrollbarSize = hammerhead__default.utils.dom.getScrollbarSize;
+    var getMapContainer = hammerhead__default.utils.dom.getMapContainer;
+    var getTagName = hammerhead__default.utils.dom.getTagName;
+    var closest = hammerhead__default.utils.dom.closest;
+    var getParents = hammerhead__default.utils.dom.getParents;
+    var findParent = hammerhead__default.utils.dom.findParent;
+    var getTopSameDomainWindow = hammerhead__default.utils.dom.getTopSameDomainWindow;
+    var getParentExceptShadowRoot = hammerhead__default.utils.dom.getParentExceptShadowRoot;
+
+    var styleUtils = hammerhead__default.utils.style;
+    var getBordersWidth = hammerhead__default.utils.style.getBordersWidth;
+    var getComputedStyle = hammerhead__default.utils.style.getComputedStyle;
+    var getElementMargin = hammerhead__default.utils.style.getElementMargin;
+    var getElementPadding = hammerhead__default.utils.style.getElementPadding;
+    var getElementScroll = hammerhead__default.utils.style.getElementScroll;
+    var getOptionHeight = hammerhead__default.utils.style.getOptionHeight;
+    var getSelectElementSize = hammerhead__default.utils.style.getSelectElementSize;
+    var isElementVisible = hammerhead__default.utils.style.isElementVisible;
+    var isSelectVisibleChild = hammerhead__default.utils.style.isVisibleChild;
+    var getWidth = hammerhead__default.utils.style.getWidth;
+    var getHeight = hammerhead__default.utils.style.getHeight;
+    var getInnerWidth = hammerhead__default.utils.style.getInnerWidth;
+    var getInnerHeight = hammerhead__default.utils.style.getInnerHeight;
+    var getScrollLeft = hammerhead__default.utils.style.getScrollLeft;
+    var getScrollTop = hammerhead__default.utils.style.getScrollTop;
+    var setScrollLeft = hammerhead__default.utils.style.setScrollLeft;
+    var setScrollTop = hammerhead__default.utils.style.setScrollTop;
+    var get = hammerhead__default.utils.style.get;
+
+    var shadowUI = hammerhead__default.shadowUI;
+    var nativeMethods$4 = hammerhead__default.nativeMethods;
+
+    var AxisValues = /** @class */ (function () {
+        function AxisValues(x, y) {
+            this.x = x;
+            this.y = y;
+        }
+        AxisValues.create = function (a) {
+            if ('left' in a)
+                return new AxisValues(a.left, a.top);
+            else if ('right' in a)
+                return new AxisValues(a.right, a.bottom);
+            return new AxisValues(a.x, a.y);
+        };
+        AxisValues.prototype.add = function (p) {
+            this.x += p.x;
+            this.y += p.y;
+            return this;
+        };
+        AxisValues.prototype.sub = function (p) {
+            this.x -= p.x;
+            this.y -= p.y;
+            return this;
+        };
+        AxisValues.prototype.round = function (fn) {
+            if (fn === void 0) { fn = Math.round; }
+            this.x = fn(this.x);
+            this.y = fn(this.y);
+            return this;
+        };
+        AxisValues.prototype.eql = function (p) {
+            return this.x === p.x && this.y === p.y;
+        };
+        AxisValues.prototype.mul = function (n) {
+            this.x *= n;
+            this.y *= n;
+            return this;
+        };
+        AxisValues.prototype.distance = function (p) {
+            return Math.sqrt(Math.pow(this.x - p.x, 2) + Math.pow(this.y - p.y, 2));
+        };
+        return AxisValues;
+    }());
+
+    var Dimensions = /** @class */ (function () {
+        function Dimensions(width, height, position, borders, elScroll, scrollbar) {
+            this.width = width;
+            this.height = height;
+            this.left = position.x;
+            this.top = position.y;
+            this.right = position.x + width;
+            this.bottom = position.y + height;
+            this.border = borders;
+            this.scrollbar = scrollbar;
+            this.scroll = elScroll;
+        }
+        return Dimensions;
+    }());
+
+    var htmlUtils = hammerhead__default.utils.html;
+    var nativeMethods$5 = hammerhead__default.nativeMethods;
+
+    var getElementRectangle = hammerhead__default.utils.position.getElementRectangle;
+    var getOffsetPosition = hammerhead__default.utils.position.getOffsetPosition;
+    var offsetToClientCoords = hammerhead__default.utils.position.offsetToClientCoords;
+    function getClientDimensions(target) {
+        var isHtmlElement$1 = isHtmlElement(target);
+        var body = isHtmlElement$1 ? target.getElementsByTagName('body')[0] : null;
+        var elementRect = target.getBoundingClientRect();
+        var elBorders = BoundaryValues.create(getBordersWidth(target));
+        var elScroll = getElementScroll(target);
+        var isElementInIframe$1 = isElementInIframe(target);
+        var isCompatMode = target.ownerDocument.compatMode === 'BackCompat';
+        var elPosition = isHtmlElement$1 ? new AxisValues(0, 0) : AxisValues.create(elementRect);
+        var elHeight = elementRect.height;
+        var elWidth = elementRect.width;
+        if (isHtmlElement$1) {
+            if (body && isCompatMode) {
+                elHeight = body.clientHeight;
+                elWidth = body.clientWidth;
+            }
+            else {
+                elHeight = target.clientHeight;
+                elWidth = target.clientWidth;
+            }
+        }
+        if (isElementInIframe$1) {
+            var iframeElement = getIframeByElement(target);
+            if (iframeElement) {
+                var iframeOffset = getOffsetPosition(iframeElement);
+                var clientOffset = offsetToClientCoords(AxisValues.create(iframeOffset));
+                var iframeBorders = getBordersWidth(iframeElement);
+                elPosition.add(clientOffset).add(AxisValues.create(iframeBorders));
+                if (isHtmlElement$1)
+                    elBorders.add(iframeBorders);
+            }
+        }
+        var hasRightScrollbar = !isHtmlElement$1 && getInnerWidth(target) !== target.clientWidth;
+        var hasBottomScrollbar = !isHtmlElement$1 && getInnerHeight(target) !== target.clientHeight;
+        var scrollbar = {
+            right: hasRightScrollbar ? getScrollbarSize() : 0,
+            bottom: hasBottomScrollbar ? getScrollbarSize() : 0,
+        };
+        return new Dimensions(elWidth, elHeight, elPosition, elBorders, elScroll, scrollbar);
+    }
+
     function calcOffset(size) {
         var offset = size / 2;
         return offset < 1 ? 0 : Math.round(offset);
@@ -3076,6 +3019,8 @@ window['%hammerhead%'].utils.removeInjectedScript();
                     if (this._elements.length && opts && 'offsetX' in opts && 'offsetY' in opts) { // @ts-ignore
                         _a = getOffsetOptions(this._elements[0], opts.offsetX, opts.offsetY), offsetX = _a.offsetX, offsetY = _a.offsetY;
                         // @ts-ignore TODO
+                        opts.isDefaultOffset = !opts.offsetX && !opts.offsetY;
+                        // @ts-ignore TODO
                         opts.offsetX = offsetX;
                         // @ts-ignore TODO
                         opts.offsetY = offsetY;
@@ -3125,14 +3070,13 @@ window['%hammerhead%'].utils.removeInjectedScript();
                     .catch(function (err) {
                     if (!_this._isExecutionTimeoutExpired())
                         return delay(CHECK_ELEMENT_IN_AUTOMATIONS_INTERVAL);
-                    if (err.message === AUTOMATION_ERROR_TYPES.foundElementIsNotTarget) {
+                    if (err.code === TEST_RUN_ERRORS.actionElementIsNotTargetError) {
                         // If we can't get a target element via elementFromPoint but it's
                         // visible we click on the point where the element is located.
                         strictElementCheck = false;
                         return hammerhead.Promise.resolve();
                     }
-                    throw err.message === AUTOMATION_ERROR_TYPES.elementIsInvisibleError ?
-                        new ActionElementIsInvisibleError() : err;
+                    throw err;
                 });
             });
         };
@@ -3300,10 +3244,11 @@ window['%hammerhead%'].utils.removeInjectedScript();
                 new FunctionTransform(),
             ]);
         };
-        SelectorExecutor.prototype._getTimeoutErrorParams = function () {
+        SelectorExecutor.prototype._getTimeoutErrorParams = function (el) {
             var apiFnIndex = selectorFilter.error;
             var apiFnChain = this.command.apiFnChain;
-            return { apiFnIndex: apiFnIndex, apiFnChain: apiFnChain };
+            var reason = testcafeCore.positionUtils.getHiddenReason(el);
+            return { apiFnIndex: apiFnIndex, apiFnChain: apiFnChain, reason: reason };
         };
         SelectorExecutor.prototype._getTimeoutError = function (elementExists) {
             return elementExists ? this.createIsInvisibleError : this.createNotFoundError;
@@ -3315,15 +3260,15 @@ window['%hammerhead%'].utils.removeInjectedScript();
                 .then(function (el) {
                 var element = el;
                 var isElementExists = !!element;
-                var isElementVisible = !_this.command.visibilityCheck || element && visible(element);
+                var isElementVisible = !_this.command.visibilityCheck || element && testcafeCore.positionUtils.isElementVisible(element);
                 var isTimeout = hammerhead.nativeMethods.dateNow() - startTime >= _this.timeout;
                 if (isElementExists && (isElementVisible || hammerhead.utils.dom.isShadowRoot(element)))
                     return element;
                 if (!isTimeout)
-                    return delay(CHECK_ELEMENT_DELAY).then(function () { return _this._validateElement(args, startTime); });
+                    return testcafeCore.delay(CHECK_ELEMENT_DELAY).then(function () { return _this._validateElement(args, startTime); });
                 var createTimeoutError = _this.getVisibleValueMode ? null : _this._getTimeoutError(isElementExists);
                 if (createTimeoutError)
-                    throw createTimeoutError(_this._getTimeoutErrorParams());
+                    throw createTimeoutError(_this._getTimeoutErrorParams(element));
                 return null;
             });
         };
@@ -3374,7 +3319,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
         return {
             selector: selector,
             createNotFoundError: function (fn) { return new ActionElementNotFoundError(null, fn); },
-            createIsInvisibleError: function () { return new ActionElementIsInvisibleError(); },
+            createIsInvisibleError: function (fn) { return new ActionElementIsInvisibleError(null, fn); },
             createHasWrongNodeTypeError: function (nodeDescription) { return new ActionSelectorMatchesWrongNodeTypeError(nodeDescription); },
         };
     }
@@ -3545,6 +3490,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
             return [
                 { name: 'offsetX', type: integerOption },
                 { name: 'offsetY', type: integerOption },
+                { name: 'isDefaultOffset', type: booleanOption },
             ];
         };
         return OffsetOptions;
@@ -4566,8 +4512,8 @@ window['%hammerhead%'].utils.removeInjectedScript();
     var Promise$2 = hammerhead__default.Promise;
     var messageSandbox$2 = hammerhead__default.eventSandbox.message;
     var storages = hammerhead__default.storages;
-    var nativeMethods$4 = hammerhead__default.nativeMethods;
-    var DateCtor$1 = nativeMethods$4.date;
+    var nativeMethods$6 = hammerhead__default.nativeMethods;
+    var DateCtor$1 = nativeMethods$6.date;
     var listeners = hammerhead__default.eventSandbox.listeners;
     var urlUtils = hammerhead__default.utils.url;
     var TEST_DONE_SENT_FLAG = 'testcafe|driver|test-done-sent-flag';
@@ -4778,7 +4724,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
             var _this = this;
             if (this.checkClosedChildWindowIntervalId)
                 return;
-            this.checkClosedChildWindowIntervalId = nativeMethods$4.setInterval.call(window, function () {
+            this.checkClosedChildWindowIntervalId = nativeMethods$6.setInterval.call(window, function () {
                 var firstClosedChildWindowDriverLink = testcafeCore.arrayUtils.find(_this.childWindowDriverLinks, function (childWindowDriverLink) { return childWindowDriverLink.driverWindow.closed; });
                 if (!firstClosedChildWindowDriverLink)
                     return;
@@ -4787,7 +4733,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
                 if (!firstClosedChildWindowDriverLink.ignoreMasterSwitching)
                     _this._setCurrentWindowAsMaster();
                 if (!_this.childWindowDriverLinks.length) {
-                    nativeMethods$4.clearInterval.call(window, _this.checkClosedChildWindowIntervalId);
+                    nativeMethods$6.clearInterval.call(window, _this.checkClosedChildWindowIntervalId);
                     delete _this.checkClosedChildWindowIntervalId;
                 }
             }, CHECK_CHILD_WINDOW_CLOSED_INTERVAL);
@@ -4933,8 +4879,8 @@ window['%hammerhead%'].utils.removeInjectedScript();
             if (success)
                 return success.result;
             var errItem = arr.find(function (item) {
-                return item.result.errCode === TEST_RUN_ERRORS.cannotCloseWindowWithChildrenError ||
-                    item.result.errCode === TEST_RUN_ERRORS.cannotCloseWindowWithoutParent;
+                return item.result.errCode === testcafeCore.TEST_RUN_ERRORS.cannotCloseWindowWithChildrenError ||
+                    item.result.errCode === testcafeCore.TEST_RUN_ERRORS.cannotCloseWindowWithoutParent;
             });
             if (!errItem)
                 errItem = arr.find(function (item) { return !!item.result.errCode; });
@@ -4979,7 +4925,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
                             if (windowExists)
                                 return [2 /*return*/, getWindowFoundResult()];
                             if (!this.childWindowDriverLinks.length)
-                                return [2 /*return*/, this._getTargetWindowNotFoundResult(TEST_RUN_ERRORS.targetWindowNotFoundError)];
+                                return [2 /*return*/, this._getTargetWindowNotFoundResult(testcafeCore.TEST_RUN_ERRORS.targetWindowNotFoundError)];
                             searchQueries = this.childWindowDriverLinks.map(function (childWindowDriverLink) {
                                 return childWindowDriverLink.findChildWindows(msg, WindowValidationMessageCtor);
                             });
@@ -4993,9 +4939,9 @@ window['%hammerhead%'].utils.removeInjectedScript();
         };
         Driver._createWindowValidationError = function (_a) {
             var errCode = _a.errCode;
-            if (errCode === TEST_RUN_ERRORS.cannotCloseWindowWithChildrenError)
+            if (errCode === testcafeCore.TEST_RUN_ERRORS.cannotCloseWindowWithChildrenError)
                 return new CannotCloseWindowWithChildrenError();
-            if (errCode === TEST_RUN_ERRORS.cannotCloseWindowWithoutParent)
+            if (errCode === testcafeCore.TEST_RUN_ERRORS.cannotCloseWindowWithoutParent)
                 return new CannotCloseWindowWithoutParentError();
             return new WindowNotFoundError();
         };
@@ -5003,13 +4949,13 @@ window['%hammerhead%'].utils.removeInjectedScript();
             if (!this.parentWindowDriverLink) {
                 return Promise$2.resolve({
                     success: false,
-                    errCode: TEST_RUN_ERRORS.cannotCloseWindowWithoutParent,
+                    errCode: testcafeCore.TEST_RUN_ERRORS.cannotCloseWindowWithoutParent,
                 });
             }
             if (this.childWindowDriverLinks.length) {
                 return Promise$2.resolve({
                     success: false,
-                    errCode: TEST_RUN_ERRORS.cannotCloseWindowWithChildrenError,
+                    errCode: testcafeCore.TEST_RUN_ERRORS.cannotCloseWindowWithChildrenError,
                 });
             }
             return Promise$2.resolve({ success: true });
@@ -5361,7 +5307,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
                 var childLinkResponseTimeout = hasSpecificTimeout
                     ? commandSelectorTimeout
                     : Math.max(commandSelectorTimeout, WAIT_FOR_IFRAME_DRIVER_RESPONSE_TIMEOUT);
-                return _this._ensureChildIframeDriverLink(nativeMethods$4.contentWindowGetter.call(iframe), iframeErrorCtors.NotLoadedError, childLinkResponseTimeout);
+                return _this._ensureChildIframeDriverLink(nativeMethods$6.contentWindowGetter.call(iframe), iframeErrorCtors.NotLoadedError, childLinkResponseTimeout);
             })
                 .then(function (childDriverLink) {
                 childDriverLink.availabilityTimeout = commandSelectorTimeout;
@@ -5373,7 +5319,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
             var _this = this;
             var eventHandler = null;
             var timeoutPromise = new Promise$2(function (resolve) {
-                nativeMethods$4.setTimeout.call(window, function () {
+                nativeMethods$6.setTimeout.call(window, function () {
                     _this.off(eventName, eventHandler);
                     resolve();
                 }, timeout);
@@ -5804,7 +5750,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
         };
         Driver.prototype._onShowAssertionRetriesStatusCommand = function (command) {
             this.contextStorage.setItem(ASSERTION_RETRIES_TIMEOUT, command.timeout);
-            this.contextStorage.setItem(ASSERTION_RETRIES_START_TIME, nativeMethods$4.dateNow());
+            this.contextStorage.setItem(ASSERTION_RETRIES_START_TIME, nativeMethods$6.dateNow());
             this.statusBar.showWaitingAssertionRetriesStatus(command.timeout);
             this._onReady(new DriverStatus({ isCommandResult: true }));
         };
@@ -5854,7 +5800,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
                 return childWindowDriverLink.closeAllChildWindows();
             }))
                 .then(function () {
-                nativeMethods$4.arrayForEach.call(_this.childWindowDriverLinks, function (childWindowDriverLink) {
+                nativeMethods$6.arrayForEach.call(_this.childWindowDriverLinks, function (childWindowDriverLink) {
                     childWindowDriverLink.driverWindow.close();
                 });
             });
@@ -5892,7 +5838,7 @@ window['%hammerhead%'].utils.removeInjectedScript();
         Driver.prototype._onPrepareClientEnvironmentInDebugMode = function (command) {
             // NOTE: repeat the function call wrapping produced by the 'esm' module on the client-side
             // (same as on the server-side).
-            nativeMethods$4.objectDefineProperty(window, command.esmRuntime, {
+            nativeMethods$6.objectDefineProperty(window, command.esmRuntime, {
                 value: {
                     g: window,
                     c: window.eval, //eslint-disable-line no-eval
@@ -6372,13 +6318,13 @@ window['%hammerhead%'].utils.removeInjectedScript();
         testCafeDriverInstance: '%testCafeDriverInstance%',
     };
 
-    var nativeMethods$5 = hammerhead__default.nativeMethods;
+    var nativeMethods$7 = hammerhead__default.nativeMethods;
     var evalIframeScript = hammerhead__default.EVENTS.evalIframeScript;
-    nativeMethods$5.objectDefineProperty(window, INTERNAL_PROPERTIES.testCafeDriver, { configurable: true, value: Driver });
-    nativeMethods$5.objectDefineProperty(window, INTERNAL_PROPERTIES.testCafeIframeDriver, { configurable: true, value: IframeDriver });
-    nativeMethods$5.objectDefineProperty(window, INTERNAL_PROPERTIES.testCafeEmbeddingUtils, { configurable: true, value: embeddingUtils });
+    nativeMethods$7.objectDefineProperty(window, INTERNAL_PROPERTIES.testCafeDriver, { configurable: true, value: Driver });
+    nativeMethods$7.objectDefineProperty(window, INTERNAL_PROPERTIES.testCafeIframeDriver, { configurable: true, value: IframeDriver });
+    nativeMethods$7.objectDefineProperty(window, INTERNAL_PROPERTIES.testCafeEmbeddingUtils, { configurable: true, value: embeddingUtils });
     // eslint-disable-next-line no-undef
-    hammerhead__default.on(evalIframeScript, function (e) { return initTestCafeClientDrivers(nativeMethods$5.contentWindowGetter.call(e.iframe), true); });
+    hammerhead__default.on(evalIframeScript, function (e) { return initTestCafeClientDrivers(nativeMethods$7.contentWindowGetter.call(e.iframe), true); });
 
 }(window['%hammerhead%'], window['%hammerhead%'].Promise, window['%testCafeCore%'], window['%testCafeAutomation%'], window['%testCafeUI%']));