testplane 9.0.7 → 9.0.9

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/operations.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -22,6 +45,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 exports.__esModule = true;
 exports.disablePointerEvents = exports.disableAnimations = exports.cleanupSavedScrolls = exports.prepareFullPageScrollCleanup = exports.saveScrollPositions = exports.scrollToCaptureAreaIfNeeded = exports.computePixelRatio = exports.computeCanHaveCaret = exports.computeDocumentSize = exports.computeSafeArea = exports.computeIgnoreAreas = exports.computeCaptureSpecs = exports.computeElementPositionsProbe = exports.computeViewportOffset = exports.computeViewportSize = exports.computeScrollOffset = void 0;
 var _isomorphic_1 = require("@isomorphic");
+var lib = __importStar(require("@lib"));
 var outside_of_viewport_1 = require("./errors/outside-of-viewport");
 var descriptions_1 = require("./utils/descriptions");
 var dom_1 = require("./utils/dom");
@@ -33,7 +57,7 @@ var z_index_1 = require("./utils/z-index");
 var pseudo_element_rect_1 = require("./utils/pseudo-element-rect");
 var user_agent_1 = require("./utils/user-agent");
 function computeScrollOffset(element) {
-    return ((0, scroll_1.isRootLikeElement)(element) ? window.scrollY : element.scrollTop);
+    return ((0, scroll_1.isRootLikeElement)(element) ? window.pageYOffset : element.scrollTop);
 }
 exports.computeScrollOffset = computeScrollOffset;
 function computeViewportSize() {
@@ -53,8 +77,8 @@ function computeViewportSize() {
 exports.computeViewportSize = computeViewportSize;
 function computeViewportOffset() {
     return {
-        left: window.scrollX,
-        top: window.scrollY
+        left: window.pageXOffset,
+        top: window.pageYOffset
     };
 }
 exports.computeViewportOffset = computeViewportOffset;
@@ -93,19 +117,19 @@ function computeElementPositionsProbe(gridSize) {
     return probe;
 }
 exports.computeElementPositionsProbe = computeElementPositionsProbe;
-function computeCaptureSpecs(selectors, logger) {
-    if (selectors.length === 0) {
-        throw new Error("No selectors to compute capture area");
+function computeCaptureSpecs(targets, logger) {
+    if (targets.length === 0) {
+        throw new Error("No targets to compute capture area");
     }
     logger === null || logger === void 0 ? void 0 : logger("========== <computeCaptureSpecs> ==========");
-    logger === null || logger === void 0 ? void 0 : logger("selectors:", selectors);
+    logger === null || logger === void 0 ? void 0 : logger("targets:", targets);
     var startTime = performance.now();
     var elements = [];
-    for (var i = 0; i < selectors.length; i++) {
-        var parsedSelector = (0, pseudo_element_rect_1.parseCaptureSelector)(selectors[i]);
-        var element = document.querySelector(parsedSelector.elementSelector);
+    for (var i = 0; i < targets.length; i++) {
+        var parsedTarget = (0, pseudo_element_rect_1.parseCaptureTarget)(targets[i]);
+        var element = lib.queryFirst(parsedTarget.elementTarget);
         if (element) {
-            elements.push({ element: element, pseudoElement: parsedSelector.pseudoElement });
+            elements.push({ element: element, pseudoElement: parsedTarget.pseudoElement });
         }
     }
     function getCaptureSpec(element, pseudoElement) {
@@ -138,16 +162,16 @@ function computeCaptureSpecs(selectors, logger) {
     return captureSpecs;
 }
 exports.computeCaptureSpecs = computeCaptureSpecs;
-function computeIgnoreAreas(selectors) {
-    if (selectors === void 0) { selectors = []; }
+function computeIgnoreAreas(targets) {
+    if (targets === void 0) { targets = []; }
     var ignoreAreas = [];
-    for (var s = 0; s < selectors.length; s++) {
-        var parsedSelector = (0, pseudo_element_rect_1.parseCaptureSelector)(selectors[s]);
-        var nodeList = document.querySelectorAll(parsedSelector.elementSelector);
-        for (var i = 0; i < nodeList.length; i++) {
-            var rect = parsedSelector.pseudoElement
-                ? (0, element_rect_1.getPseudoElementCaptureRect)(nodeList[i], parsedSelector.pseudoElement)
-                : (0, element_rect_1.getElementCaptureRect)(nodeList[i]);
+    for (var targetIndex = 0; targetIndex < targets.length; targetIndex++) {
+        var parsedTarget = (0, pseudo_element_rect_1.parseCaptureTarget)(targets[targetIndex]);
+        var elements = lib.queryAll(parsedTarget.elementTarget);
+        for (var i = 0; i < elements.length; i++) {
+            var rect = parsedTarget.pseudoElement
+                ? (0, element_rect_1.getPseudoElementCaptureRect)(elements[i], parsedTarget.pseudoElement)
+                : (0, element_rect_1.getElementCaptureRect)(elements[i]);
             if (rect !== null) {
                 ignoreAreas.push(rect);
             }
@@ -156,7 +180,7 @@ function computeIgnoreAreas(selectors) {
     return ignoreAreas;
 }
 exports.computeIgnoreAreas = computeIgnoreAreas;
-function computeSafeArea(selectorsToCapture, scrollElement, logger) {
+function computeSafeArea(targetsToCapture, scrollElement, logger) {
     var _a, _b;
     logger === null || logger === void 0 ? void 0 : logger("========== <computeSafeArea> ==========");
     var startTime = performance.now();
@@ -167,10 +191,10 @@ function computeSafeArea(selectorsToCapture, scrollElement, logger) {
         width: viewportSize.width,
         height: viewportSize.height
     };
-    var captureElements = selectorsToCapture
-        .map(function (s) { return document.querySelector((0, pseudo_element_rect_1.parseCaptureSelector)(s).elementSelector); })
+    var captureElements = targetsToCapture
+        .map(function (target) { return lib.queryFirst((0, pseudo_element_rect_1.parseCaptureTarget)(target).elementTarget); })
         .filter(function (e) { return e !== null; });
-    var captureSpecs = computeCaptureSpecs(selectorsToCapture).map(function (s) { return s.full; });
+    var captureSpecs = computeCaptureSpecs(targetsToCapture).map(function (s) { return s.full; });
     if (captureSpecs.length === 0) {
         return { top: viewportRect.top, height: viewportRect.height };
     }
@@ -217,10 +241,10 @@ function computeSafeArea(selectorsToCapture, scrollElement, logger) {
     var singleCaptureElement = captureElements.length === 1 ? captureElements[0] : null;
     var _loop_1 = function (idx) {
         var el = allElements[idx];
-        if (scrollEl === el || el.contains(scrollEl)) {
+        if (scrollEl === el || lib.contains(el, scrollEl)) {
             return "continue";
         }
-        if (singleCaptureElement && (el === singleCaptureElement || el.contains(singleCaptureElement))) {
+        if (singleCaptureElement && (el === singleCaptureElement || lib.contains(el, singleCaptureElement))) {
             return "continue";
         }
         var computedStyle = getComputedStyle(el);
@@ -246,20 +270,20 @@ function computeSafeArea(selectorsToCapture, scrollElement, logger) {
         var adjustedRect = (0, element_rect_1.domRectToViewportCss)(bcr);
         var fixedPositionedParent = (0, dom_1.findFixedPositionedParent)(el);
         var isInsideScrollContextFixedParent = fixedPositionedParent !== null &&
-            (fixedPositionedParent === scrollEl || fixedPositionedParent.contains(scrollEl));
+            (fixedPositionedParent === scrollEl || lib.contains(fixedPositionedParent, scrollEl));
         if (position === "fixed" || (fixedPositionedParent && !isInsideScrollContextFixedParent)) {
             likelyInterferes = true;
             // If the fixed element is inside a capture element, it's almost certainly interfering
-            shouldSkipZIndexCheck = captureElements.some(function (capEl) { return capEl.contains(el); });
+            shouldSkipZIndexCheck = captureElements.some(function (capEl) { return lib.contains(capEl, el); });
         }
         else if (position === "absolute") {
             // Skip absolutely positioned elements that are inside capture elements
-            if (captureElements.some(function (capEl) { return capEl.contains(el); }))
+            if (captureElements.some(function (capEl) { return lib.contains(capEl, el); }))
                 return "continue";
             // Absolute elements interfere only if positioned relative to ancestor outside scroll container
             var containingBlock = (0, dom_1.findContainingBlock)(el);
             // scrollElem may be window, in which case it doesn't have a contains method
-            if (scrollEl !== document.documentElement && !scrollEl.contains(containingBlock)) {
+            if (scrollEl !== document.documentElement && !lib.contains(scrollEl, containingBlock)) {
                 likelyInterferes = true;
             }
         }
@@ -272,7 +296,7 @@ function computeSafeArea(selectorsToCapture, scrollElement, logger) {
             var scrollParentBcr = scrollParent.getBoundingClientRect();
             topValue += (0, scroll_1.isRootLikeElement)(scrollParent) ? 0 : scrollParentBcr.top;
             shouldSkipZIndexCheck =
-                captureElements.some(function (capEl) { return capEl === el || capEl.contains(el); }) &&
+                captureElements.some(function (capEl) { return capEl === el || lib.contains(capEl, el); }) &&
                     (scrollParent === scrollEl || ((0, scroll_1.isRootLikeElement)(scrollParent) && (0, scroll_1.isRootLikeElement)(scrollEl)));
             if (!isNaN(topValue)) {
                 adjustedRect = {
@@ -395,18 +419,19 @@ function computePixelRatio(usePixelRatio) {
     return window.screen.deviceXDPI / window.screen.logicalXDPI || 1;
 }
 exports.computePixelRatio = computePixelRatio;
-function scrollToCaptureAreaIfNeeded(selectorsToCapture, captureElementFromTop, allowViewportOverflow, selectorToScroll, logger) {
+function scrollToCaptureAreaIfNeeded(targetsToCapture, captureElementFromTop, allowViewportOverflow, targetToScroll, logger) {
     var viewportSize = computeViewportSize();
     var viewport = __assign({ top: 0, left: 0 }, viewportSize);
-    var captureSpecsResult = computeCaptureSpecs(selectorsToCapture);
+    var captureSpecsResult = computeCaptureSpecs(targetsToCapture);
     if (!captureSpecsResult)
         return {};
-    var scrollTarget = selectorToScroll ? document.querySelector(selectorToScroll) : null;
-    var selectorsForScrollParentSearch = selectorsToCapture.map(function (selector) { return (0, pseudo_element_rect_1.parseCaptureSelector)(selector).elementSelector; });
-    var initialScrollElem = scrollTarget !== null && scrollTarget !== void 0 ? scrollTarget : (0, scroll_1.getCommonScrollParent)(selectorsForScrollParentSearch);
-    var readableSelectorToScrollDescr = selectorToScroll !== null && selectorToScroll !== void 0 ? selectorToScroll : (0, descriptions_1.getReadableElementDescriptor)(initialScrollElem);
+    var scrollTarget = targetToScroll ? lib.queryFirst(targetToScroll) : null;
+    var initialScrollElem = scrollTarget !== null && scrollTarget !== void 0 ? scrollTarget : (0, scroll_1.getCommonScrollParent)(targetsToCapture);
+    var readableSelectorToScrollDescr = typeof targetToScroll === "string"
+        ? targetToScroll
+        : (0, descriptions_1.getReadableElementDescriptor)(scrollTarget !== null && scrollTarget !== void 0 ? scrollTarget : initialScrollElem);
     var captureArea = (0, _isomorphic_1.getCoveringRect)(captureSpecsResult.map(function (s) { return s.full; }));
-    var safeArea = computeSafeArea(selectorsToCapture, initialScrollElem, logger);
+    var safeArea = computeSafeArea(targetsToCapture, initialScrollElem, logger);
     var captureAndSafeAreasIntersection = (0, _isomorphic_1.getIntersection)(captureArea, safeArea);
     var captureAndViewportIntersection = (0, _isomorphic_1.getIntersection)(captureArea, viewport);
     var expectedVisibleHeight = Math.min(captureArea.height, safeArea.height);
@@ -439,15 +464,15 @@ function scrollToCaptureAreaIfNeeded(selectorsToCapture, captureElementFromTop,
     }
     logger === null || logger === void 0 ? void 0 : logger("scrollToCaptureAreaIfNeeded: scrolling is required", {
         scrollElement: readableSelectorToScrollDescr,
-        requestedSelectorToScroll: selectorToScroll !== null && selectorToScroll !== void 0 ? selectorToScroll : null,
-        selectorMatched: Boolean(scrollTarget)
+        requestedTargetToScroll: targetToScroll !== null && targetToScroll !== void 0 ? targetToScroll : null,
+        targetResolved: Boolean(scrollTarget)
     });
     var scrollChain = __spreadArray([], (0, scroll_1.getScrollParentsChain)(initialScrollElem), true);
     if (scrollChain[scrollChain.length - 1] !== initialScrollElem) {
         scrollChain.push(initialScrollElem);
     }
     for (var i = 1; i < scrollChain.length; i++) {
-        var currentSafeArea = computeSafeArea(selectorsToCapture, scrollChain[i - 1]);
+        var currentSafeArea = computeSafeArea(targetsToCapture, scrollChain[i - 1]);
         var childTop = scrollChain[i].getBoundingClientRect().top;
         var scrollDelta = childTop - currentSafeArea.top;
         logger === null || logger === void 0 ? void 0 : logger("scrollToCaptureAreaIfNeeded: scrolling chain element", {
@@ -457,10 +482,10 @@ function scrollToCaptureAreaIfNeeded(selectorsToCapture, captureElementFromTop,
         });
         (0, scroll_1.scrollElementBy)(scrollChain[i - 1], scrollDelta, logger);
     }
-    var finalCaptureArea = (0, _isomorphic_1.getCoveringRect)(computeCaptureSpecs(selectorsToCapture).map(function (s) { return s.full; }));
+    var finalCaptureArea = (0, _isomorphic_1.getCoveringRect)(computeCaptureSpecs(targetsToCapture).map(function (s) { return s.full; }));
     if (!finalCaptureArea)
         return {};
-    var finalSafeArea = computeSafeArea(selectorsToCapture, initialScrollElem);
+    var finalSafeArea = computeSafeArea(targetsToCapture, initialScrollElem);
     var finalScrollDelta = finalCaptureArea.top - finalSafeArea.top;
     logger === null || logger === void 0 ? void 0 : logger("scrollToCaptureAreaIfNeeded: final alignment scroll", {
         scrollElement: readableSelectorToScrollDescr,
@@ -483,8 +508,8 @@ function saveElementScrollPosition(element) {
     var savedPosition = (0, scroll_1.isRootLikeElement)(element)
         ? {
             element: element,
-            left: window.scrollX,
-            top: window.scrollY
+            left: window.pageXOffset,
+            top: window.pageYOffset
         }
         : {
             element: element,
@@ -493,11 +518,10 @@ function saveElementScrollPosition(element) {
         };
     namespaceData.savedScrollPositions.push(savedPosition);
 }
-function saveScrollPositions(selectorsToCapture, selectorToScroll) {
+function saveScrollPositions(targetsToCapture, targetToScroll) {
     (0, dom_1.getScreenshooterNamespaceData)().savedScrollPositions = [];
-    var scrollTarget = selectorToScroll ? document.querySelector(selectorToScroll) : null;
-    var selectorsForScrollParentSearch = selectorsToCapture.map(function (selector) { return (0, pseudo_element_rect_1.parseCaptureSelector)(selector).elementSelector; });
-    var initialScrollElement = scrollTarget !== null && scrollTarget !== void 0 ? scrollTarget : (0, scroll_1.getCommonScrollParent)(selectorsForScrollParentSearch);
+    var scrollTarget = targetToScroll ? lib.queryFirst(targetToScroll) : null;
+    var initialScrollElement = scrollTarget !== null && scrollTarget !== void 0 ? scrollTarget : (0, scroll_1.getCommonScrollParent)(targetsToCapture);
     var scrollChain = __spreadArray([], (0, scroll_1.getScrollParentsChain)(initialScrollElement), true);
     if (scrollChain[scrollChain.length - 1] !== initialScrollElement) {
         scrollChain.push(initialScrollElement);

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/utils/clip-rect.js

@@ -1,7 +1,31 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 exports.__esModule = true;
 exports.getClipRect = void 0;
 var _isomorphic_1 = require("@isomorphic");
+var lib = __importStar(require("@lib"));
 var element_rect_1 = require("./element-rect");
 var scroll_1 = require("./scroll");
 var dom_1 = require("./dom");
@@ -45,15 +69,15 @@ function getFixedAncestors(element) {
 function escapesOverflowClippingViaAbsoluteContainingBlocks(clippingElement, absoluteContainingBlocks) {
     return absoluteContainingBlocks.some(function (_a) {
         var absoluteAncestor = _a.absoluteAncestor, containingBlock = _a.containingBlock;
-        if (absoluteAncestor === clippingElement || !clippingElement.contains(absoluteAncestor)) {
+        if (absoluteAncestor === clippingElement || !lib.contains(clippingElement, absoluteAncestor)) {
             return false;
         }
-        return containingBlock !== clippingElement && containingBlock.contains(clippingElement);
+        return containingBlock !== clippingElement && lib.contains(containingBlock, clippingElement);
     });
 }
 /** Fixed-position descendants escape clipping of ancestors above the fixed ancestor */
 function escapesOverflowClippingViaFixedAncestors(clippingElement, fixedAncestors) {
-    return fixedAncestors.some(function (fixedAncestor) { return fixedAncestor !== clippingElement && clippingElement.contains(fixedAncestor); });
+    return fixedAncestors.some(function (fixedAncestor) { return fixedAncestor !== clippingElement && lib.contains(clippingElement, fixedAncestor); });
 }
 /**
  * Computes the clip rect for an element by intersecting the content boxes

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/utils/dom.js

@@ -71,11 +71,11 @@ function forEachRoot(cb) {
 }
 exports.forEachRoot = forEachRoot;
 function getParentElement(node) {
-    if (node instanceof ShadowRoot)
+    if (lib.isShadowRoot(node))
         return node.host;
     if (node instanceof Element) {
         var root = lib.getRootNode(node);
-        return node.parentElement || (root instanceof ShadowRoot ? root.host : null);
+        return node.parentElement || (lib.isShadowRoot(root) ? root.host : null);
     }
     return node.parentNode instanceof Element ? node.parentNode : null;
 }

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/utils/pseudo-element-rect.js

@@ -1,23 +1,26 @@
 "use strict";
 exports.__esModule = true;
-exports.getPseudoElementRect = exports.parseCaptureSelector = exports.PSEUDO_ELEMENTS = void 0;
+exports.getPseudoElementRect = exports.parseCaptureTarget = exports.PSEUDO_ELEMENTS = void 0;
 exports.PSEUDO_ELEMENTS = ["::before", "::after"];
 var PSEUDO_SELECTOR_REGEXP = /(.*?)(::before|::after)\s*$/i;
-function parseCaptureSelector(selector) {
-    var match = selector.match(PSEUDO_SELECTOR_REGEXP);
+function parseCaptureTarget(target) {
+    if (typeof target !== "string") {
+        return { elementTarget: target, pseudoElement: null };
+    }
+    var match = target.match(PSEUDO_SELECTOR_REGEXP);
     if (!match) {
-        return { elementSelector: selector, pseudoElement: null };
+        return { elementTarget: target, pseudoElement: null };
     }
     var elementSelector = match[1].trim();
     if (!elementSelector) {
-        return { elementSelector: selector, pseudoElement: null };
+        return { elementTarget: target, pseudoElement: null };
     }
     return {
-        elementSelector: elementSelector,
+        elementTarget: elementSelector,
         pseudoElement: match[2].toLowerCase()
     };
 }
-exports.parseCaptureSelector = parseCaptureSelector;
+exports.parseCaptureTarget = parseCaptureTarget;
 function getElementBorderWidths(element) {
     var style = getComputedStyle(element);
     return {

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/utils/scroll.js

@@ -1,16 +1,43 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 exports.__esModule = true;
 exports.scrollElementToOffset = exports.scrollElementBy = exports.performScrollFixForSafariIfNeeded = exports.isRootLikeElement = exports.getCommonScrollParent = exports.getScrollParentsChain = exports.getScrollParent = void 0;
+var lib = __importStar(require("@lib"));
 var dom_1 = require("./dom");
 var user_agent_1 = require("./user-agent");
 var PSEUDO_SELECTOR_REGEXP = /(.*?)(::before|::after)\s*$/i;
-function getElementSelector(selector) {
-    var match = selector.match(PSEUDO_SELECTOR_REGEXP);
+function getElementTarget(target) {
+    if (typeof target !== "string") {
+        return target;
+    }
+    var match = target.match(PSEUDO_SELECTOR_REGEXP);
     if (!match) {
-        return selector;
+        return target;
     }
     var elementSelector = match[1].trim();
-    return elementSelector || selector;
+    return elementSelector || target;
 }
 function isScrollable(element) {
     var overflowY = getComputedStyle(element).overflowY;
@@ -43,9 +70,9 @@ function getScrollParentsChain(element) {
     return chain;
 }
 exports.getScrollParentsChain = getScrollParentsChain;
-function getCommonScrollParent(selectors) {
-    var elements = selectors
-        .map(function (s) { return document.querySelector(getElementSelector(s)); })
+function getCommonScrollParent(targets) {
+    var elements = targets
+        .map(function (target) { return lib.queryFirst(getElementTarget(target)); })
         .filter(function (e) { return e !== null; });
     if (elements.length === 0)
         return document.documentElement;
@@ -73,7 +100,7 @@ function getCommonScrollParent(selectors) {
 }
 exports.getCommonScrollParent = getCommonScrollParent;
 function getElementScrollTop(element) {
-    return isRootLikeElement(element) ? window.scrollY : element.scrollTop;
+    return isRootLikeElement(element) ? window.pageYOffset : element.scrollTop;
 }
 var SCROLL_APPLY_MAX_WAIT_MS = 50;
 var SCROLL_APPLY_MAX_ITERATIONS = 10000;
@@ -97,8 +124,8 @@ function performScrollFixForSafariIfNeeded(targetY) {
     if (!(0, user_agent_1.isSafariMobile)()) {
         return;
     }
-    if (window.scrollY < 100 && targetY < 100) {
-        window.scrollTo(window.scrollX, 100);
+    if (window.pageYOffset < 100 && targetY < 100) {
+        window.scrollTo(window.pageXOffset, 100);
     }
 }
 exports.performScrollFixForSafariIfNeeded = performScrollFixForSafariIfNeeded;
@@ -106,14 +133,14 @@ function scrollElementBy(element, deltaY, logger) {
     var delta = deltaY;
     var isRootLike = isRootLikeElement(element);
     var scrollMetricsElement = isRootLike ? getPageScrollElement() : element;
-    var currentScrollY = isRootLike ? window.scrollY : element.scrollTop;
+    var currentScrollY = isRootLike ? window.pageYOffset : element.scrollTop;
     // Clamping is needed due to a bug in safari - https://bugs.webkit.org/show_bug.cgi?id=179735
     var maxScrollY = scrollMetricsElement.scrollHeight - scrollMetricsElement.clientHeight;
     var targetY = Math.max(0, Math.min(currentScrollY + delta, maxScrollY));
     if (isRootLike) {
-        logger === null || logger === void 0 ? void 0 : logger("scrollElementBy: scrolling window.scrollTo(" + window.scrollX + ", " + targetY + ")");
+        logger === null || logger === void 0 ? void 0 : logger("scrollElementBy: scrolling window.scrollTo(" + window.pageXOffset + ", " + targetY + ")");
         performScrollFixForSafariIfNeeded(targetY);
-        window.scrollTo(window.scrollX, targetY);
+        window.scrollTo(window.pageXOffset, targetY);
     }
     else {
         logger === null || logger === void 0 ? void 0 : logger("scrollElementBy: scrolling element.scrollTo(" + element.scrollLeft + ", " + targetY + ")");
@@ -132,13 +159,13 @@ exports.scrollElementBy = scrollElementBy;
 function scrollElementToOffset(element, offset) {
     var isRootLike = isRootLikeElement(element);
     var scrollMetricsElement = isRootLike ? getPageScrollElement() : element;
-    var currentScrollY = isRootLike ? window.scrollY : element.scrollTop;
+    var currentScrollY = isRootLike ? window.pageYOffset : element.scrollTop;
     // Clamping is needed due to a bug in safari - https://bugs.webkit.org/show_bug.cgi?id=179735
     var maxScrollY = scrollMetricsElement.scrollHeight - scrollMetricsElement.clientHeight;
     var targetY = Math.max(0, Math.min(offset, maxScrollY));
     if (isRootLike) {
         performScrollFixForSafariIfNeeded(targetY);
-        window.scrollTo(window.scrollX, targetY);
+        window.scrollTo(window.pageXOffset, targetY);
     }
     else {
         element.scrollTo(element.scrollLeft, targetY);

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/screen-shooter/utils/z-index.js

@@ -1,6 +1,30 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 exports.__esModule = true;
 exports.isChainBehind = exports.buildZChain = void 0;
+var lib = __importStar(require("@lib"));
 var dom_1 = require("./dom");
 function getCssProp(style, prop) {
     return style[prop];
@@ -88,7 +112,7 @@ function getClosestStackingContext(node) {
     if (!node || node === document.documentElement) {
         return document.documentElement;
     }
-    if (node instanceof ShadowRoot) {
+    if (lib.isShadowRoot(node)) {
         return getClosestStackingContext(node.host);
     }
     if (!(node instanceof Element)) {

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/shared/lib.compat.js

@@ -26,23 +26,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.matchMedia = exports.getComputedStyle = exports.getRootNode = exports.trim = exports.queryAll = exports.queryFirst = void 0;
+exports.matchMedia = exports.getComputedStyle = exports.contains = exports.isShadowRoot = exports.getRootNode = exports.trim = exports.queryAll = exports.queryFirst = void 0;
 /// <reference types="./sizzle" />
 var sizzle_1 = __importDefault(require("sizzle"));
 var xpath = __importStar(require("./xpath"));
-function queryFirst(selector) {
-    if (xpath.isXpathSelector(selector)) {
-        return xpath.queryFirst(selector);
+function queryFirst(target) {
+    if (typeof target !== "string") {
+        return target;
     }
-    var elems = (0, sizzle_1["default"])(trim(selector) + ":first");
+    if (xpath.isXpathSelector(target)) {
+        return xpath.queryFirst(target);
+    }
+    var elems = (0, sizzle_1["default"])(trim(target) + ":first");
     return elems.length > 0 ? elems[0] : null;
 }
 exports.queryFirst = queryFirst;
-function queryAll(selector) {
-    if (xpath.isXpathSelector(selector)) {
-        return xpath.queryAll(selector);
+function queryAll(target) {
+    if (typeof target !== "string") {
+        return [target];
+    }
+    if (xpath.isXpathSelector(target)) {
+        return xpath.queryAll(target);
     }
-    return (0, sizzle_1["default"])(selector);
+    return (0, sizzle_1["default"])(target);
 }
 exports.queryAll = queryAll;
 function trim(str) {
@@ -59,6 +65,22 @@ function getRootNode(node) {
     return root;
 }
 exports.getRootNode = getRootNode;
+function isShadowRoot(node) {
+    return typeof ShadowRoot !== "undefined" && node instanceof ShadowRoot;
+}
+exports.isShadowRoot = isShadowRoot;
+function contains(parent, node) {
+    if (typeof parent.contains === "function") {
+        return parent.contains(node);
+    }
+    for (var current = node; current; current = current.parentNode) {
+        if (current === parent) {
+            return true;
+        }
+    }
+    return false;
+}
+exports.contains = contains;
 var getComputedStyle_1 = require("./polyfills/getComputedStyle");
 __createBinding(exports, getComputedStyle_1, "getComputedStyle");
 var matchMedia_1 = require("./polyfills/matchMedia");

package/build/src/browser/client-scripts/screen-shooter/tsc-out/client-scripts/shared/lib.native.js

@@ -23,20 +23,26 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 exports.__esModule = true;
-exports.getRootNode = exports.trim = exports.matchMedia = exports.getComputedStyle = exports.queryAll = exports.queryFirst = void 0;
+exports.contains = exports.isShadowRoot = exports.getRootNode = exports.trim = exports.matchMedia = exports.getComputedStyle = exports.queryAll = exports.queryFirst = void 0;
 var xpath = __importStar(require("./xpath"));
-function queryFirst(selector) {
-    if (xpath.isXpathSelector(selector)) {
-        return xpath.queryFirst(selector);
+function queryFirst(target) {
+    if (typeof target !== "string") {
+        return target;
     }
-    return document.querySelector(selector);
+    if (xpath.isXpathSelector(target)) {
+        return xpath.queryFirst(target);
+    }
+    return document.querySelector(target);
 }
 exports.queryFirst = queryFirst;
-function queryAll(selector) {
-    if (xpath.isXpathSelector(selector)) {
-        return xpath.queryAll(selector);
+function queryAll(target) {
+    if (typeof target !== "string") {
+        return [target];
+    }
+    if (xpath.isXpathSelector(target)) {
+        return xpath.queryAll(target);
     }
-    return Array.from(document.querySelectorAll(selector));
+    return Array.from(document.querySelectorAll(target));
 }
 exports.queryAll = queryAll;
 function getComputedStyle(element, pseudoElement) {
@@ -55,3 +61,11 @@ function getRootNode(node) {
     return node.getRootNode();
 }
 exports.getRootNode = getRootNode;
+function isShadowRoot(node) {
+    return node instanceof ShadowRoot;
+}
+exports.isShadowRoot = isShadowRoot;
+function contains(parent, node) {
+    return parent.contains(node);
+}
+exports.contains = contains;

package/build/src/browser/commands/assert-view/index.js

@@ -196,7 +196,7 @@ module.exports.default = browser => {
         await this.waitForExist({ timeoutMsg: "custom timeout msg" }).catch(() => {
             throw new Error(`element ("${this.selector}") still not existing after ${this.options.waitforTimeout} ms`);
         });
-        return assertView(state, this.selector, opts);
+        return assertView(state, this, opts);
     }, true);
 };
 //# sourceMappingURL=index.js.map