testplane 9.0.0-rc.3 → 9.0.0

package/build/src/browser/client-scripts/browser-utils/tsc-out/client-scripts/shared/polyfills/matchMedia.js

@@ -0,0 +1,82 @@
+"use strict";
+exports.__esModule = true;
+exports.matchMedia = exports.MediaQueryList = void 0;
+/**
+ * Adapted from: https://raw.githubusercontent.com/Financial-Times/polyfill-service
+ */
+function evalQuery(query) {
+    query = (query || "true")
+        .replace(/^only\s+/, "")
+        .replace(/(device)-([\w.]+)/g, "$1.$2")
+        .replace(/([\w.]+)\s*:/g, "media.$1 ===")
+        .replace(/min-([\w.]+)\s*===/g, "$1 >=")
+        .replace(/max-([\w.]+)\s*===/g, "$1 <=")
+        .replace(/all|screen/g, "1")
+        .replace(/print/g, "0")
+        .replace(/,/g, "||")
+        .replace(/\band\b/g, "&&")
+        .replace(/dpi/g, "")
+        .replace(/(\d+)(cm|em|in|dppx|mm|pc|pt|px|rem)/g, function ($0, $1, $2) {
+        return (parseFloat($1) *
+            ($2 === "cm"
+                ? 0.3937 * 96
+                : $2 === "em" || $2 === "rem"
+                    ? 16
+                    : $2 === "in" || $2 === "dppx"
+                        ? 96
+                        : $2 === "mm"
+                            ? (0.3937 * 96) / 10
+                            : $2 === "pc"
+                                ? (12 * 96) / 72
+                                : $2 === "pt"
+                                    ? 96 / 72
+                                    : 1)).toString();
+    });
+    // @ts-expect-error global might be present in old browsers
+    var globalObj = window || globalThis || global;
+    return new Function("media", "try{ return !!(%s) }catch(e){ return false }".replace("%s", query))({
+        width: globalObj.innerWidth,
+        height: globalObj.innerHeight,
+        orientation: globalObj.orientation || "landscape",
+        device: {
+            width: globalObj.screen.width,
+            height: globalObj.screen.height,
+            orientation: globalObj.screen.orientation || globalObj.orientation || "landscape"
+        }
+    });
+}
+function MediaQueryList() {
+    this.matches = false;
+    this.media = "invalid";
+}
+exports.MediaQueryList = MediaQueryList;
+MediaQueryList.prototype.addListener = function addListener(listener) {
+    this.addListener.listeners.push(listener);
+};
+MediaQueryList.prototype.removeListener = function removeListener(listener) {
+    this.addListener.listeners.splice(this.addListener.listeners.indexOf(listener), 1);
+};
+// <Global>.matchMedia
+function matchMedia(query) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var list = new MediaQueryList();
+    if (arguments.length === 0) {
+        throw new TypeError("Not enough arguments to matchMedia");
+    }
+    list.media = String(query);
+    list.matches = evalQuery(list.media);
+    list.addListener.listeners = [];
+    // @ts-expect-error global might be present in old browsers
+    var globalObj = window || globalThis || global;
+    window.addEventListener("resize", function () {
+        var listeners = [].concat(list.addListener.listeners), matches = evalQuery(list.media);
+        if (matches !== list.matches) {
+            list.matches = matches;
+            for (var index = 0, length_1 = listeners.length; index < length_1; ++index) {
+                listeners[index].call(globalObj, list);
+            }
+        }
+    });
+    return list;
+}
+exports.matchMedia = matchMedia;

package/build/src/browser/client-scripts/{xpath.js → browser-utils/tsc-out/client-scripts/shared/xpath.js}

@@ -1,21 +1,22 @@
 "use strict";
-
+exports.__esModule = true;
+exports.queryAll = exports.queryFirst = exports.isXpathSelector = void 0;
 var XPATH_SELECTORS_START = ["/", "(", "../", "./", "*/"];
-
 function isXpathSelector(selector) {
     return XPATH_SELECTORS_START.some(function (startString) {
         return selector.indexOf(startString) === 0;
     });
 }
-
+exports.isXpathSelector = isXpathSelector;
 function queryFirst(selector) {
-    return document.evaluate(selector, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    return document.evaluate(selector, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null)
+        .singleNodeValue;
 }
-
+exports.queryFirst = queryFirst;
 function queryAll(selector) {
     var elements = document.evaluate(selector, document, null, XPathResult.ANY_TYPE, null);
-    var node,
-        nodes = [];
+    var node;
+    var nodes = [];
     node = elements.iterateNext();
     while (node) {
         nodes.push(node);
@@ -23,9 +24,4 @@ function queryAll(selector) {
     }
     return nodes;
 }
-
-module.exports = {
-    isXpathSelector: isXpathSelector,
-    queryFirst: queryFirst,
-    queryAll: queryAll
-};
+exports.queryAll = queryAll;

package/build/src/browser/client-scripts/browser-utils/tsc-out/isomorphic/assign.js

@@ -0,0 +1,21 @@
+"use strict";
+exports.__esModule = true;
+exports.assign = void 0;
+/** ES5-safe Object.assign polyfill for use in browser bundles targeting old browsers */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function assign(target) {
+    var sources = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        sources[_i - 1] = arguments[_i];
+    }
+    for (var i = 0; i < sources.length; i++) {
+        var source = sources[i];
+        for (var key in source) {
+            if (Object.prototype.hasOwnProperty.call(source, key)) {
+                target[key] = source[key];
+            }
+        }
+    }
+    return target;
+}
+exports.assign = assign;

package/build/src/browser/client-scripts/browser-utils/tsc-out/isomorphic/geometry.js

@@ -0,0 +1,220 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+exports.fromBcrToRect = exports.fromDeviceToCssNumber = exports.fromCssToDeviceNumber = exports.fromCssToDevice = exports.ceilCoords = exports.floorCoords = exports.roundCoords = exports.getCoveringRect = exports.fromViewportToCaptureArea = exports.fromCaptureAreaToViewport = exports.getMinCoord = exports.getMaxCoord = exports.getMaxLength = exports.getRight = exports.getBottom = exports.getWidth = exports.getHeight = exports.getIntersection = exports.intersectXBands = exports.intersectYBands = exports.prettyRect = exports.prettySize = exports.prettyPoint = exports.equalsSize = exports.subtractCoords = exports.addCoords = exports.getSize = void 0;
+var assign_1 = require("./assign");
+var getSize = function (rect) {
+    return {
+        width: rect.width,
+        height: rect.height
+    };
+};
+exports.getSize = getSize;
+var addCoords = function (a, b) {
+    return (a + b);
+};
+exports.addCoords = addCoords;
+var subtractCoords = function (a, b) {
+    return (a - b);
+};
+exports.subtractCoords = subtractCoords;
+var equalsSize = function (a, b) {
+    return a.width === b.width && a.height === b.height;
+};
+exports.equalsSize = equalsSize;
+var prettyPoint = function (point) {
+    return "{ left: ".concat(point.left, ", top: ").concat(point.top, " }");
+};
+exports.prettyPoint = prettyPoint;
+var prettySize = function (size) {
+    return "{ width: ".concat(size.width, ", height: ").concat(size.height, " }");
+};
+exports.prettySize = prettySize;
+var prettyRect = function (rect) {
+    return "{ left: ".concat(rect.left, ", top: ").concat(rect.top, ", width: ").concat(rect.width, ", height: ").concat(rect.height, " }");
+};
+exports.prettyRect = prettyRect;
+var intersectYBands = function (a, b) {
+    if (!a || !b) {
+        return null;
+    }
+    var top = Math.max(a.top, b.top);
+    var bottom = Math.min(a.top + a.height, b.top + b.height);
+    return bottom <= top ? null : { top: top, height: bottom - top };
+};
+exports.intersectYBands = intersectYBands;
+var intersectXBands = function (a, b) {
+    if (!a || !b) {
+        return null;
+    }
+    var left = Math.max(a.left, b.left);
+    var right = Math.min(a.left + a.width, b.left + b.width);
+    return right <= left ? null : { left: left, width: right - left };
+};
+exports.intersectXBands = intersectXBands;
+var getIntersection = function (a, b) {
+    if (!a || !b)
+        return null;
+    var result = __assign(__assign({}, a), b);
+    if ("top" in a && "top" in b) {
+        var y = (0, exports.intersectYBands)(a, b);
+        if (!y)
+            return null;
+        (0, assign_1.assign)(result, y);
+    }
+    if ("left" in a && "left" in b) {
+        var x = (0, exports.intersectXBands)(a, b);
+        if (!x)
+            return null;
+        (0, assign_1.assign)(result, x);
+    }
+    return result;
+};
+exports.getIntersection = getIntersection;
+/*
+Note: width and height between a and b is computed inclusive of a, but exclusive of b. Width between 1 and 2 is 1.
+      bottom of rect with top=0 and height=1 is 1.
+      These conventions are very useful when dealing with 0-sized areas.
+*/
+var getHeight = function (a, b) {
+    return Math.abs(a - b);
+};
+exports.getHeight = getHeight;
+var getWidth = function (a, b) {
+    return Math.abs(a - b);
+};
+exports.getWidth = getWidth;
+var getBottom = function (bandOrRect) {
+    return (bandOrRect.top + bandOrRect.height);
+};
+exports.getBottom = getBottom;
+var getRight = function (bandOrRect) {
+    return (bandOrRect.left + bandOrRect.width);
+};
+exports.getRight = getRight;
+var getMaxLength = function () {
+    var lengths = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        lengths[_i] = arguments[_i];
+    }
+    return Math.max.apply(Math, lengths);
+};
+exports.getMaxLength = getMaxLength;
+var getMaxCoord = function () {
+    var coords = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        coords[_i] = arguments[_i];
+    }
+    return Math.max.apply(Math, coords);
+};
+exports.getMaxCoord = getMaxCoord;
+var getMinCoord = function () {
+    var coords = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        coords[_i] = arguments[_i];
+    }
+    return Math.min.apply(Math, coords);
+};
+exports.getMinCoord = getMinCoord;
+var fromCaptureAreaToViewport = function (coordRelativeToCaptureArea, captureAreaTopRelativeToViewport) {
+    return (coordRelativeToCaptureArea + captureAreaTopRelativeToViewport);
+};
+exports.fromCaptureAreaToViewport = fromCaptureAreaToViewport;
+var fromViewportToCaptureArea = function (coordRelativeToViewport, captureAreaTopRelativeToViewport) {
+    return (coordRelativeToViewport - captureAreaTopRelativeToViewport);
+};
+exports.fromViewportToCaptureArea = fromViewportToCaptureArea;
+var getCoveringRect = function (rects) {
+    if (rects.length === 0) {
+        throw new Error("No rectangles to cover");
+    }
+    var left = rects[0].left;
+    var top = rects[0].top;
+    var right = (0, exports.getRight)(rects[0]);
+    var bottom = (0, exports.getBottom)(rects[0]);
+    for (var i = 1; i < rects.length; i++) {
+        var r = rects[i];
+        var rLeft = r.left;
+        var rTop = r.top;
+        left = (0, exports.getMinCoord)(left, rLeft);
+        top = (0, exports.getMinCoord)(top, rTop);
+        right = (0, exports.getMaxCoord)(right, (0, exports.getRight)(r));
+        bottom = (0, exports.getMaxCoord)(bottom, (0, exports.getBottom)(r));
+    }
+    return { left: left, top: top, width: (0, exports.getWidth)(left, right), height: (0, exports.getHeight)(top, bottom) };
+};
+exports.getCoveringRect = getCoveringRect;
+var roundCoords = function (value) {
+    var v = value;
+    var result = {};
+    if ("top" in v) {
+        var top_1 = v.top;
+        result.top = Math.floor(top_1);
+    }
+    if ("height" in v) {
+        result.height = "top" in v ? Math.ceil(v.top + v.height) - result.top : Math.ceil(v.height);
+    }
+    if ("left" in v) {
+        var left = v.left;
+        result.left = Math.floor(left);
+    }
+    if ("width" in v) {
+        result.width = "left" in v ? Math.ceil(v.left + v.width) - result.left : Math.ceil(v.width);
+    }
+    return result;
+};
+exports.roundCoords = roundCoords;
+var floorCoords = function (value) {
+    var v = value;
+    var result = {};
+    for (var key in v) {
+        result[key] = Math.floor(v[key]);
+    }
+    return result;
+};
+exports.floorCoords = floorCoords;
+var ceilCoords = function (value) {
+    var v = value;
+    var result = {};
+    for (var key in v) {
+        result[key] = Math.ceil(v[key]);
+    }
+    return result;
+};
+exports.ceilCoords = ceilCoords;
+var fromCssToDevice = function (value, pixelRatio) {
+    var v = value;
+    var scaled = {};
+    for (var key in v) {
+        scaled[key] = v[key] * pixelRatio;
+    }
+    return (pixelRatio % 1 === 0 ? scaled : (0, exports.roundCoords)(scaled));
+};
+exports.fromCssToDevice = fromCssToDevice;
+var fromCssToDeviceNumber = function (value, pixelRatio) {
+    return (value * pixelRatio);
+};
+exports.fromCssToDeviceNumber = fromCssToDeviceNumber;
+var fromDeviceToCssNumber = function (value, pixelRatio) {
+    return (value / pixelRatio);
+};
+exports.fromDeviceToCssNumber = fromDeviceToCssNumber;
+var fromBcrToRect = function (bcr) {
+    return {
+        left: bcr.left,
+        top: bcr.top,
+        width: bcr.width,
+        height: bcr.height
+    };
+};
+exports.fromBcrToRect = fromBcrToRect;

package/build/src/browser/client-scripts/browser-utils/tsc-out/isomorphic/index.js

@@ -0,0 +1,19 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+exports.__esModule = true;
+__exportStar(require("./assign"), exports);
+__exportStar(require("./geometry"), exports);
+__exportStar(require("./types"), exports);

package/build/src/browser/client-scripts/browser-utils/tsc-out/isomorphic/types.js

@@ -0,0 +1,18 @@
+"use strict";
+exports.__esModule = true;
+exports.isBrowserSideError = exports.BrowserSideErrorCode = exports.DisableHoverMode = void 0;
+var DisableHoverMode;
+(function (DisableHoverMode) {
+    DisableHoverMode["Always"] = "always";
+    DisableHoverMode["WhenScrollingNeeded"] = "when-scrolling-needed";
+    DisableHoverMode["Never"] = "never";
+})(DisableHoverMode || (exports.DisableHoverMode = DisableHoverMode = {}));
+var BrowserSideErrorCode;
+(function (BrowserSideErrorCode) {
+    BrowserSideErrorCode["JS"] = "JS";
+    BrowserSideErrorCode["OUTSIDE_OF_VIEWPORT"] = "OUTSIDE_OF_VIEWPORT";
+})(BrowserSideErrorCode || (exports.BrowserSideErrorCode = BrowserSideErrorCode = {}));
+var isBrowserSideError = function (error) {
+    return Boolean(error && error.errorCode && error.message);
+};
+exports.isBrowserSideError = isBrowserSideError;

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

@@ -1,20 +1,36 @@
-/* global process, __dirname */
 const path = require("path");
+const childProcess = require("node:child_process");
 const browserify = require("browserify");
 const uglifyify = require("uglifyify");
 const aliasify = require("aliasify");
 const fs = require("fs-extra");
 
+const compileTypescript = async (targetDir, tsConfigName = "tsconfig.json") => {
+    const tsConfigPath = path.join(targetDir, tsConfigName);
+
+    if (!(await fs.pathExists(tsConfigPath))) {
+        throw new Error(`Could not find tsconfig: ${tsConfigPath}`);
+    }
+
+    childProcess.spawnSync(process.execPath, [require.resolve("typescript/bin/tsc"), "--project", tsConfigPath], {
+        cwd: targetDir,
+        stdio: "inherit"
+    });
+};
+
 /**
  * @param {object} opts
  * @param {boolean} opts.needsCompatLib
+ * @param {string} opts.entryFilePath
+ * @param {string} opts.libPath
  * @returns {Promise<Buffer>}
  */
 const bundleScript = async opts => {
-    const lib = opts.needsCompatLib ? "./lib.compat.js" : "./lib.native.js";
+    const basedir = path.dirname(opts.entryFilePath);
+
     const script = browserify({
-        entries: "./index.js",
-        basedir: __dirname
+        entries: [opts.entryFilePath],
+        basedir
     });
 
     script.transform(
@@ -31,7 +47,8 @@ const bundleScript = async opts => {
     script.transform(
         {
             aliases: {
-                "./lib": { relative: lib }
+                "@lib": opts.libPath,
+                "@isomorphic": opts.isomorphicPath
             },
             verbose: false
         },
@@ -41,26 +58,46 @@ const bundleScript = async opts => {
     return new Promise((resolve, reject) => {
         script.bundle((err, buffer) => {
             if (err) {
+                console.error(err);
                 reject(err);
             }
 
-            resolve(buffer);
+            const resultingScript = `(function (__geminiNamespace) { ${buffer.toString()} })(arguments[0])`;
+
+            resolve(resultingScript);
         });
     });
 };
 
 async function main() {
-    const targetDir = path.join("build", path.relative(process.cwd(), __dirname));
+    const targetDir = path.resolve(process.argv[2]);
+
+    if (!(await fs.pathExists(targetDir))) {
+        throw new Error(`Target directory does not exist: ${targetDir}`);
+    }
+
+    const tscOutDir = path.join(targetDir, "tsc-out");
 
-    await fs.ensureDir(targetDir);
+    const compatLibPath =
+        "./" + path.relative(process.cwd(), path.join(tscOutDir, "client-scripts", "shared", "lib.compat.js"));
+    const nativeLibPath =
+        "./" + path.relative(process.cwd(), path.join(tscOutDir, "client-scripts", "shared", "lib.native.js"));
 
     await Promise.all(
         [
-            { needsCompatLib: true, fileName: "bundle.compat.js" },
-            { needsCompatLib: false, fileName: "bundle.native.js" }
-        ].map(async ({ needsCompatLib, fileName }) => {
-            const buffer = await bundleScript({ needsCompatLib });
-            const filePath = path.join(targetDir, fileName);
+            { needsCompatLib: true, fileName: "bundle.compat.js", libPath: compatLibPath },
+            { needsCompatLib: false, fileName: "bundle.native.js", libPath: nativeLibPath }
+        ].map(async ({ needsCompatLib, fileName, libPath }) => {
+            await compileTypescript(targetDir, needsCompatLib ? "tsconfig.compat.json" : "tsconfig.json");
+
+            const projectDirName = path.basename(targetDir);
+            const entryFilePath = path.join(tscOutDir, "client-scripts", projectDirName, "inject.js");
+            const isomorphicPath = path.join(tscOutDir, "isomorphic", "index.js");
+            const buffer = await bundleScript({ needsCompatLib, entryFilePath, libPath, isomorphicPath });
+
+            const buildDir = path.join(targetDir, "build");
+            await fs.ensureDir(buildDir);
+            const filePath = path.join(buildDir, fileName);
 
             await fs.writeFile(filePath, buffer);
         })

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

@@ -8,6 +8,7 @@
     // which is in quirks mode.
     // Needs to find a proper way to open calibration
     // page in standards mode.
+    /* global navigator, document, window */
     function needsResetBorder() {
         return !/MSIE 8\.0/.test(navigator.userAgent);
     }
@@ -28,7 +29,18 @@
             bodyStyle.border = 0;
         }
 
-        bodyStyle.backgroundColor = "#96fa00";
+        // For example of how this looks, see https://github.com/gemini-testing/testplane/pull/1239
+        bodyStyle.backgroundColor = "#ff0000";
+
+        var fullPageElement = document.createElement("div");
+        fullPageElement.style.width = "100vw";
+        fullPageElement.style.height = "100vh";
+        fullPageElement.style.position = "fixed";
+        fullPageElement.style.top = "0";
+        fullPageElement.style.left = "0";
+        fullPageElement.style.zIndex = "999999";
+        fullPageElement.style.backgroundColor = "#96fa00";
+        document.body.appendChild(fullPageElement);
     }
 
     function hasCSS3Selectors() {