testplane 9.0.0-rc.3 → 9.0.0

package/build/src/browser/client-scripts/lib.compat.js

@@ -1,28 +0,0 @@
-"use strict";
-/*jshint newcap:false*/
-var Sizzle = require("sizzle");
-var xpath = require("./xpath");
-
-exports.queryFirst = function (selector) {
-    if (xpath.isXpathSelector(selector)) {
-        return xpath.queryFirst(selector);
-    }
-    var elems = Sizzle(exports.trim(selector) + ":first");
-    return elems.length > 0 ? elems[0] : null;
-};
-
-exports.queryAll = function (selector) {
-    if (xpath.isXpathSelector(selector)) {
-        return xpath.queryAll(selector);
-    }
-    return Sizzle(selector);
-};
-
-exports.trim = function (str) {
-    // trim spaces, unicode BOM and NBSP and the beginning and the end of the line
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim#Polyfill
-    return str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
-};
-
-exports.getComputedStyle = require("./polyfills/getComputedStyle").getComputedStyle;
-exports.matchMedia = require("./polyfills/matchMedia").matchMedia;

package/build/src/browser/client-scripts/lib.native.js

@@ -1,28 +0,0 @@
-"use strict";
-var xpath = require("./xpath");
-
-exports.queryFirst = function (selector) {
-    if (xpath.isXpathSelector(selector)) {
-        return xpath.queryFirst(selector);
-    }
-    return document.querySelector(selector);
-};
-
-exports.queryAll = function (selector) {
-    if (xpath.isXpathSelector(selector)) {
-        return xpath.queryAll(selector);
-    }
-    return document.querySelectorAll(selector);
-};
-
-exports.getComputedStyle = function (element, pseudoElement) {
-    return getComputedStyle(element, pseudoElement);
-};
-
-exports.matchMedia = function (mediaQuery) {
-    return matchMedia(mediaQuery);
-};
-
-exports.trim = function (str) {
-    return str.trim();
-};

package/build/src/browser/client-scripts/rect.js

@@ -1,251 +0,0 @@
-"use strict";
-
-var util = require("./util");
-
-function Rect(data) {
-    this.top = data.top;
-    this.left = data.left;
-
-    if ("width" in data && "height" in data) {
-        this.width = data.width;
-        this.height = data.height;
-        this.bottom = data.bottom || this.top + this.height;
-        this.right = data.right || this.left + this.width;
-    } else if ("bottom" in data && "right" in data) {
-        this.bottom = data.bottom;
-        this.right = data.right;
-        this.width = data.right - Math.max(0, data.left);
-        this.height = data.bottom - Math.max(0, data.top);
-    } else {
-        throw new Error("Not enough data for the rect construction");
-    }
-}
-
-Rect.isRect = function (data) {
-    if (typeof data !== "object" || data === null || Array.isArray(data)) {
-        return false;
-    }
-
-    return (
-        "left" in data &&
-        "top" in data &&
-        (("width" in data && "height" in data) || ("right" in data && "bottom" in data))
-    );
-};
-
-Rect.prototype = {
-    constructor: Rect,
-    merge: function (otherRect) {
-        return new Rect({
-            left: Math.min(this.left, otherRect.left),
-            top: Math.min(this.top, otherRect.top),
-            bottom: Math.max(this.bottom, otherRect.bottom),
-            right: Math.max(this.right, otherRect.right)
-        });
-    },
-
-    translate: function (x, y) {
-        return new Rect({
-            left: this.left + x,
-            top: this.top + y,
-            width: this.width,
-            height: this.height
-        });
-    },
-
-    pointInside: function (x, y) {
-        return x >= this.left && x <= this.right && y >= this.top && y <= this.bottom;
-    },
-
-    rectInside: function (rect) {
-        return util.every(
-            rect._keyPoints(),
-            function (point) {
-                return this.pointInside(point[0], point[1]);
-            },
-            this
-        );
-    },
-
-    rectIntersects: function (other) {
-        var isOtherOutside =
-            other.right <= this.left ||
-            other.bottom <= this.top ||
-            other.left >= this.right ||
-            other.top >= this.bottom;
-
-        return !isOtherOutside;
-    },
-
-    round: function () {
-        return new Rect({
-            top: Math.round(this.top),
-            left: Math.round(this.left),
-            bottom: Math.round(this.top + this.height),
-            right: Math.round(this.left + this.width)
-        });
-    },
-
-    scale: function (scaleFactor) {
-        var rect = new Rect({
-            top: this.top * scaleFactor,
-            left: this.left * scaleFactor,
-            right: this.right * scaleFactor,
-            bottom: this.bottom * scaleFactor
-        });
-
-        return util.isInteger(scaleFactor) ? rect : rect.round();
-    },
-
-    serialize: function () {
-        return {
-            left: this.left,
-            top: this.top,
-            width: this.width,
-            height: this.height
-        };
-    },
-
-    overflowsTopBound: function (rect) {
-        return this._overflowsBound(rect, "top");
-    },
-
-    overflowsLeftBound: function (rect) {
-        return this._overflowsBound(rect, "left");
-    },
-
-    /** @type Function */
-    recalculateHeight: function (rect) {
-        this.height = this.height - (rect.top - Math.max(0, this.top));
-    },
-
-    /** @type Function */
-    recalculateWidth: function (rect) {
-        this.width = this.width - (rect.left - Math.max(0, this.left));
-    },
-
-    _overflowsBound: function (rect, prop) {
-        return Math.max(0, this[prop]) < rect[prop];
-    },
-
-    _anyPointInside: function (points) {
-        return util.some(
-            points,
-            function (point) {
-                return this.pointInside(point[0], point[1]);
-            },
-            this
-        );
-    },
-
-    _keyPoints: function () {
-        return [
-            [this.left, this.top],
-            [this.left, this.bottom],
-            [this.right, this.top],
-            [this.right, this.bottom]
-        ];
-    }
-};
-
-exports.Rect = Rect;
-exports.getAbsoluteClientRect = function getAbsoluteClientRect(element, opts, logger) {
-    var coords = getNestedBoundingClientRect(element, window);
-    var widthRatio = coords.width % opts.viewportWidth;
-    var heightRatio = coords.height % opts.documentHeight;
-
-    var clientRect = new Rect({
-        left: coords.left,
-        top: coords.top,
-        // to correctly calculate "width" and "height" in devices with fractional pixelRatio
-        width: widthRatio > 0 && widthRatio < 1 ? opts.viewportWidth : coords.width,
-        height: heightRatio > 0 && heightRatio < 1 ? opts.documentHeight : coords.height
-    });
-
-    logger("getAbsoluteClientRect, client rect: ", clientRect);
-
-    var scrollLeft = util.isRootElement(opts.scrollElem)
-        ? util.getScrollLeft(window)
-        : util.getScrollLeft(opts.scrollElem) + util.getScrollLeft(window);
-    var scrollTop = util.isRootElement(opts.scrollElem)
-        ? util.getScrollTop(window)
-        : util.getScrollTop(opts.scrollElem) + util.getScrollTop(window);
-
-    logger("getAbsoluteClientRect, is scroll element window? : ", util.isRootElement(opts.scrollElem));
-    logger("getAbsoluteClientRect, scrollTop: ", scrollTop);
-
-    return clientRect.translate(scrollLeft, scrollTop);
-};
-
-function getNestedBoundingClientRect(node, boundaryWindow) {
-    var ownerIframe = util.getOwnerIframe(node);
-    if (ownerIframe === null || util.getOwnerWindow(ownerIframe) === boundaryWindow) {
-        return node.getBoundingClientRect();
-    }
-
-    var rects = [node.getBoundingClientRect()];
-    var currentIframe = ownerIframe;
-
-    while (currentIframe) {
-        var rect = getBoundingClientRectWithBorderOffset(currentIframe);
-        rects.push(rect);
-
-        currentIframe = util.getOwnerIframe(currentIframe);
-        if (currentIframe && util.getOwnerWindow(currentIframe) === boundaryWindow) {
-            rect = getBoundingClientRectWithBorderOffset(currentIframe);
-            rects.push(rect);
-            break;
-        }
-    }
-
-    return mergeRectOffsets(rects);
-}
-
-function getBoundingClientRectWithBorderOffset(node) {
-    var dimensions = getElementDimensions(node);
-
-    return mergeRectOffsets([
-        node.getBoundingClientRect(),
-        {
-            top: dimensions.borderTop,
-            left: dimensions.borderLeft,
-            bottom: dimensions.borderBottom,
-            right: dimensions.borderRight,
-            x: dimensions.borderLeft,
-            y: dimensions.borderTop
-        }
-    ]);
-}
-
-function getElementDimensions(element) {
-    var calculatedStyle = util.getOwnerWindow(element).getComputedStyle(element);
-
-    return {
-        borderLeft: parseFloat(calculatedStyle.borderLeftWidth),
-        borderRight: parseFloat(calculatedStyle.borderRightWidth),
-        borderTop: parseFloat(calculatedStyle.borderTopWidth),
-        borderBottom: parseFloat(calculatedStyle.borderBottomWidth)
-    };
-}
-
-function mergeRectOffsets(rects) {
-    return rects.reduce(function (previousRect, rect) {
-        if (previousRect === null) {
-            return rect;
-        }
-
-        var nextTop = previousRect.top + rect.top;
-        var nextLeft = previousRect.left + rect.left;
-
-        return {
-            top: nextTop,
-            left: nextLeft,
-            width: previousRect.width,
-            height: previousRect.height,
-            bottom: nextTop + previousRect.height,
-            right: nextLeft + previousRect.width,
-            x: nextLeft,
-            y: nextTop
-        };
-    });
-}

package/build/src/browser/client-scripts/util.js

@@ -1,319 +0,0 @@
-"use strict";
-
-var lib = require("./lib");
-
-var SCROLL_DIR_NAME = {
-    top: "scrollTop",
-    left: "scrollLeft"
-};
-
-var PAGE_OFFSET_NAME = {
-    x: "pageXOffset",
-    y: "pageYOffset"
-};
-
-exports.each = arrayUtil(Array.prototype.forEach, myForEach);
-exports.some = arrayUtil(Array.prototype.some, mySome);
-exports.every = arrayUtil(Array.prototype.every, myEvery);
-
-function arrayUtil(nativeFunc, shimFunc) {
-    return nativeFunc ? contextify(nativeFunc) : shimFunc;
-}
-
-/**
- * Makes function f to accept context as a
- * first argument
- */
-function contextify(f) {
-    return function (ctx) {
-        var rest = Array.prototype.slice.call(arguments, 1);
-        return f.apply(ctx, rest);
-    };
-}
-
-function myForEach(array, cb, context) {
-    for (var i = 0; i < array.length; i++) {
-        cb.call(context, array[i], i, array);
-    }
-}
-
-function mySome(array, cb, context) {
-    for (var i = 0; i < array.length; i++) {
-        if (cb.call(context, array[i], i, array)) {
-            return true;
-        }
-    }
-    return false;
-}
-
-function myEvery(array, cb, context) {
-    for (var i = 0; i < array.length; i++) {
-        if (!cb.call(context, array[i], i, array)) {
-            return false;
-        }
-    }
-    return true;
-}
-
-function getScroll(scrollElem, direction, coord) {
-    var scrollDir = SCROLL_DIR_NAME[direction];
-    var pageOffset = PAGE_OFFSET_NAME[coord];
-
-    if (scrollElem && scrollElem !== window) {
-        return scrollElem[scrollDir];
-    }
-
-    if (typeof window[pageOffset] !== "undefined") {
-        return window[pageOffset];
-    }
-
-    return document.documentElement[scrollDir];
-}
-
-exports.getScrollTop = function (scrollElem) {
-    return getScroll(scrollElem, "top", "y");
-};
-
-exports.getScrollLeft = function (scrollElem) {
-    return getScroll(scrollElem, "left", "x");
-};
-
-exports.isSafariMobile = function () {
-    return (
-        navigator &&
-        typeof navigator.vendor === "string" &&
-        navigator.vendor.match(/apple/i) &&
-        /(iPhone|iPad).*AppleWebKit.*Safari/i.test(navigator.userAgent)
-    );
-};
-
-exports.isInteger = function (num) {
-    return num % 1 === 0;
-};
-
-exports.forEachRoot = function (cb) {
-    function traverseRoots(root) {
-        cb(root);
-
-        // In IE 11, we need to pass the third and fourth arguments
-        var treeWalker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, null, false);
-
-        for (var node = treeWalker.currentNode; node !== null; node = treeWalker.nextNode()) {
-            if (node instanceof Element && node.shadowRoot) {
-                traverseRoots(node.shadowRoot);
-            }
-        }
-    }
-
-    traverseRoots(document.documentElement);
-};
-
-exports.getOwnerWindow = function (node) {
-    if (!node.ownerDocument) {
-        return null;
-    }
-
-    return node.ownerDocument.defaultView;
-};
-
-exports.getOwnerIframe = function (node) {
-    var nodeWindow = exports.getOwnerWindow(node);
-    if (nodeWindow) {
-        return nodeWindow.frameElement;
-    }
-
-    return null;
-};
-
-exports.getMainDocumentElem = function (currDocumentElem) {
-    if (!currDocumentElem) {
-        currDocumentElem = document.documentElement;
-    }
-
-    var currIframe = exports.getOwnerIframe(currDocumentElem);
-    if (!currIframe) {
-        return currDocumentElem;
-    }
-
-    var currWindow = exports.getOwnerWindow(currIframe);
-    if (!currWindow) {
-        return currDocumentElem;
-    }
-
-    return exports.getMainDocumentElem(currWindow.document.documentElement);
-};
-
-exports.createDebugLogger = function createDebugLogger(opts) {
-    var log = "";
-    if (opts.debug) {
-        return function () {
-            for (var i = 0; i < arguments.length; i++) {
-                if (typeof arguments[i] === "object") {
-                    try {
-                        log += JSON.stringify(arguments[i], null, 2) + "\n";
-                    } catch (e) {
-                        log += "failed to log message due to an error: " + e;
-                    }
-                } else {
-                    log += arguments[i] + "\n";
-                }
-            }
-
-            return log;
-        };
-    }
-
-    return function () {};
-};
-
-function getParentNode(node) {
-    if (!node) return null;
-    if (node instanceof ShadowRoot) return node.host;
-    if (node instanceof Element) {
-        var root = node.getRootNode();
-        return node.parentElement || (root instanceof ShadowRoot ? root.host : null);
-    }
-    return node.parentNode; // for Text/Comment nodes
-}
-
-exports.getScrollParent = function getScrollParent(element, logger) {
-    if (element === null) {
-        return null;
-    }
-
-    if (element === window) {
-        return window;
-    }
-
-    var hasOverflow = element.scrollHeight > element.clientHeight;
-    if (element instanceof Element) {
-        var computedStyleOverflowY = lib.getComputedStyle(element).overflowY;
-    } else {
-        return getScrollParent(getParentNode(element), logger);
-    }
-
-    var canBeScrolled =
-        computedStyleOverflowY === "auto" ||
-        computedStyleOverflowY === "scroll" ||
-        computedStyleOverflowY === "overlay";
-
-    if (hasOverflow && canBeScrolled) {
-        if (element.tagName === "BODY") {
-            return window;
-        }
-        return element;
-    } else {
-        return getScrollParent(getParentNode(element), logger);
-    }
-};
-
-exports.isRootElement = function (element) {
-    return element === window || element.parentElement === null;
-};
-
-/* Returns an element relative to which given absolutely positioned element is positioned */
-exports.findContainingBlock = function findContainingBlock(element) {
-    var parent = element.parentElement;
-    while (parent) {
-        var style = lib.getComputedStyle(parent);
-        if (
-            ["relative", "absolute", "fixed", "sticky"].includes(style.position) ||
-            style.transform !== "none" ||
-            style.perspective !== "none"
-        ) {
-            return parent;
-        }
-        parent = parent.parentElement;
-    }
-    return document.documentElement;
-};
-
-function _isCreatingStackingContext(computedStyle) {
-    var position = computedStyle.position;
-    var zIndexStr = computedStyle.zIndex;
-
-    return (
-        (position !== "static" && zIndexStr !== "auto") ||
-        parseFloat(computedStyle.opacity) < 1 ||
-        computedStyle.transform !== "none" ||
-        computedStyle.filter !== "none" ||
-        computedStyle.perspective !== "none" ||
-        position === "fixed" ||
-        position === "sticky"
-    );
-}
-
-function _getStackingContextRoot(element) {
-    var curr = element.parentElement;
-    while (curr && curr !== document.documentElement) {
-        var style = lib.getComputedStyle(curr);
-
-        var createsStackingContext = _isCreatingStackingContext(style);
-
-        if (createsStackingContext) {
-            return curr;
-        }
-        curr = curr.parentElement;
-    }
-
-    return document.documentElement;
-}
-
-function _getEffectiveZIndex(element) {
-    var curr = element;
-    while (curr && curr !== document.documentElement) {
-        var style = lib.getComputedStyle(curr);
-        var zIndexStr = style.zIndex;
-        var createsStackingContext = _isCreatingStackingContext(style);
-
-        if (zIndexStr !== "auto") {
-            var num = parseFloat(zIndexStr);
-
-            return isNaN(num) ? 0 : num;
-        }
-
-        if (createsStackingContext) {
-            // z-index is auto but this is the root of current stacking context, so treat as 0
-            return 0;
-        }
-
-        curr = curr.parentElement;
-    }
-
-    return 0;
-}
-
-exports.buildZChain = function buildZChain(element) {
-    var chain = [];
-    var curr = element;
-
-    while (curr && curr !== document.documentElement) {
-        var ctx = _getStackingContextRoot(curr);
-        var z = _getEffectiveZIndex(curr);
-
-        chain.unshift({ ctx: ctx, z: z });
-
-        if (ctx === document.documentElement) {
-            break;
-        }
-        curr = ctx;
-    }
-
-    return chain;
-};
-
-exports.isChainBehind = function isChainBehind(candChain, targetChain) {
-    // Algorithm:
-    // 1. Find the closest common stacking context between two chains
-    // 2. Compare z-indices of elements in the common stacking context
-    // If there's no common stacking context, we can't be sure, so treat as overlapping
-    for (var j = targetChain.length - 1; j >= 0; j--) {
-        for (var i = candChain.length - 1; i >= 0; i--) {
-            if (candChain[i].ctx === targetChain[j].ctx) {
-                return candChain[i].z < targetChain[j].z;
-            }
-        }
-    }
-
-    return false;
-};

package/build/src/browser/screen-shooter/index.d.ts

@@ -1,22 +0,0 @@
-import { Image } from "../../image";
-import { PrepareScreenshotResult } from "./types";
-import { ExistingBrowser } from "../existing-browser";
-import { AssertViewOpts } from "../../config/types";
-interface ScreenShooterOpts extends AssertViewOpts {
-    debugId?: string;
-}
-interface CaptureImageResult {
-    image: Image;
-    meta: PrepareScreenshotResult;
-}
-export declare class ScreenShooter {
-    private _browser;
-    private _lastVerticalScrollOffset;
-    private _selectorsToCapture;
-    static create(browser: ExistingBrowser): ScreenShooter;
-    constructor(browser: ExistingBrowser);
-    capture(selectorOrSectorsArray: string | string[], opts?: ScreenShooterOpts): Promise<CaptureImageResult>;
-    private _captureOverflowingAreaIfNeeded;
-    private _scrollOnceAndExtendImage;
-}
-export {};