@mablhq/mabl-cli 1.12.6 → 1.12.24

package/browserLauncher/browserLauncher.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LifecycleEvent = exports.BrowserLauncherFactory = exports.TimeoutError = exports.RunnerError = exports.RUNNER_ERRORS = exports.PageEvent = exports.BrowserEvent = void 0;
+exports.LifecycleEvent = exports.BrowserLauncherFactory = exports.Frame = exports.TimeoutError = exports.RunnerError = exports.RUNNER_ERRORS = exports.PageEvent = exports.BrowserEvent = void 0;
 var browserEvent_1 = require("./browserEvent");
 Object.defineProperty(exports, "BrowserEvent", { enumerable: true, get: function () { return browserEvent_1.BrowserEvent; } });
 var pageEvent_1 = require("./pageEvent");
@@ -9,6 +9,8 @@ var errors_1 = require("./errors");
 Object.defineProperty(exports, "RUNNER_ERRORS", { enumerable: true, get: function () { return errors_1.RUNNER_ERRORS; } });
 Object.defineProperty(exports, "RunnerError", { enumerable: true, get: function () { return errors_1.RunnerError; } });
 Object.defineProperty(exports, "TimeoutError", { enumerable: true, get: function () { return errors_1.TimeoutError; } });
+var frame_1 = require("./frame");
+Object.defineProperty(exports, "Frame", { enumerable: true, get: function () { return frame_1.Frame; } });
 var browserLauncherFactory_1 = require("./browserLauncherFactory");
 Object.defineProperty(exports, "BrowserLauncherFactory", { enumerable: true, get: function () { return browserLauncherFactory_1.BrowserLauncherFactory; } });
 var types_1 = require("./types");

package/browserLauncher/elementHandle.js

@@ -1,6 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isElementHandle = void 0;
+exports.isElementHandle = exports.getHighlightColor = exports.MAX_HIGHLIGHT_OPACITY = void 0;
+exports.MAX_HIGHLIGHT_OPACITY = 0.9;
+exports.getHighlightColor = (transparency) => ({
+    r: 196,
+    g: 68,
+    b: 183,
+    a: transparency,
+});
 function isElementHandle(value) {
     return (value &&
         typeof value === 'object' &&

package/browserLauncher/frame.js

@@ -1,2 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Frame = void 0;
+const frameBase_1 = require("./frameBase");
+const loggingProvider_1 = require("../providers/logging/loggingProvider");
+class Frame extends frameBase_1.FrameBase {
+    getFrameId() {
+        const frameId = this.id();
+        if (typeof frameId !== 'string' ||
+            frameId.length < 20 ||
+            frameId.length > 40) {
+            loggingProvider_1.logger.warn(`Warning: The frame ID value is unexpected. It was: ${frameId}`);
+        }
+        return frameId;
+    }
+}
+exports.Frame = Frame;

package/browserLauncher/frameBase.js

@@ -1,2 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FrameBase = void 0;
+class FrameBase {
+}
+exports.FrameBase = FrameBase;

package/browserLauncher/playwrightBrowserLauncher/playwrightDom.js

@@ -23,6 +23,8 @@ exports.PlaywrightElementHandle = exports.PlaywrightJsHandle = void 0;
 const playwright = __importStar(require("@playwright/test"));
 const utils_1 = require("../utils");
 const logUtils_1 = require("../../util/logUtils");
+const elementHandle_1 = require("../elementHandle");
+const testsUtil_1 = require("../../commands/tests/testsUtil");
 class PlaywrightJsHandle {
     constructor(handle, page) {
         this.handle = handle;
@@ -51,43 +53,60 @@ class PlaywrightJsHandle {
     }
     static unwrapProperties(arg, addSecondaryWorldFlag = false) {
         if (arg === undefined) {
-            return addSecondaryWorldFlag ? { useSecondaryWorld: true } : null;
+            return addSecondaryWorldFlag ? { secondaryWorldValue: undefined } : null;
         }
-        if (addSecondaryWorldFlag &&
-            (arg instanceof PlaywrightJsHandle || typeof arg !== 'object')) {
+        if (addSecondaryWorldFlag && arg instanceof PlaywrightJsHandle) {
             throw new Error('Unable to setup the secondary world if the argument is a JsHandle. Pass an object instead');
         }
+        let result = arg;
         if (arg instanceof PlaywrightJsHandle) {
-            return arg.getPlaywrightHandle();
+            result = arg.getPlaywrightHandle();
         }
-        if (typeof arg !== 'object') {
-            return arg;
+        else if ((typeof arg !== 'object' || Array.isArray(arg)) &&
+            !addSecondaryWorldFlag) {
+            result = arg;
         }
-        if (addSecondaryWorldFlag) {
-            arg.useSecondaryWorld = true;
-        }
-        if (typeof arg === 'object' &&
+        else if (typeof arg === 'object' &&
             !Object.keys(arg).some(key => arg[key] instanceof PlaywrightJsHandle)) {
-            return arg;
+            result = arg;
         }
-        const unwrapped = { ...arg };
-        Object.keys(arg).forEach(propertyName => {
-            const propertyValue = unwrapped[propertyName];
-            if (propertyValue instanceof PlaywrightJsHandle) {
-                unwrapped[propertyName] = propertyValue.getPlaywrightHandle();
-            }
-        });
-        return unwrapped;
+        else if (typeof arg === 'object' && !Array.isArray(arg)) {
+            const unwrapped = { ...arg };
+            Object.keys(arg).forEach(propertyName => {
+                const propertyValue = unwrapped[propertyName];
+                if (propertyValue instanceof PlaywrightJsHandle) {
+                    unwrapped[propertyName] = propertyValue.getPlaywrightHandle();
+                }
+            });
+            result = unwrapped;
+        }
+        return addSecondaryWorldFlag ? { secondaryWorldValue: result } : result;
     }
 }
 exports.PlaywrightJsHandle = PlaywrightJsHandle;
 class PlaywrightElementHandle extends PlaywrightJsHandle {
     constructor(element, page) {
+        var _a, _b, _c, _d, _e, _f;
         super(element, page);
         this.element = element;
         this.page = page;
         try {
             this.elementImpl = playwright._toImpl(this.element);
+            this.cdpSession = (_c = (_b = (_a = this.elementImpl) === null || _a === void 0 ? void 0 : _a._context) === null || _b === void 0 ? void 0 : _b._delegate) === null || _c === void 0 ? void 0 : _c._client;
+            if (this.elementImpl === undefined) {
+                logUtils_1.logInternal(`Unable to get the Element's internal implementation. 
+        Some functionality, such as getting the clickable point or element highlighting might not work.`);
+            }
+            else if (this.cdpSession === undefined) {
+                const undefinedField = ((_e = (_d = this.elementImpl) === null || _d === void 0 ? void 0 : _d._context) === null || _e === void 0 ? void 0 : _e._delegate) !== undefined
+                    ? '_client'
+                    : ((_f = this.elementImpl) === null || _f === void 0 ? void 0 : _f._context) !== undefined
+                        ? '_delegate'
+                        : '_context';
+                logUtils_1.logInternal(`Unable to get the CDP Session of the element handle. 
+        ${undefinedField} is undefined.
+        Some functionality, such as element highlighting will not work.`);
+            }
         }
         catch (e) {
             logUtils_1.logInternal(`Unable to get the element handle's implementation. Error: ${e}`);
@@ -142,16 +161,71 @@ class PlaywrightElementHandle extends PlaywrightJsHandle {
     select(value) {
         return this.element.selectOption(value);
     }
-    async type(text) {
+    async type(text, options) {
         await this.element.focus();
-        await this.element.selectText();
-        return this.element.type(text);
+        await this.element.selectText({ force: true });
+        return this.element.type(text, options);
     }
     press(key) {
         return this.element.press(key);
     }
     getRemoteObjectId() {
-        return this.getElementImpl()._objectId;
+        var _a, _b, _c;
+        if (((_a = this.elementImpl) === null || _a === void 0 ? void 0 : _a._objectId) === undefined) {
+            logUtils_1.logInternal('ObjectId of an element handle was not found.');
+        }
+        return (_c = (_b = this.elementImpl) === null || _b === void 0 ? void 0 : _b._objectId) !== null && _c !== void 0 ? _c : '';
+    }
+    async highlight(highlightDurationMillis, highlightPhases) {
+        await this.enableDom();
+        await this.enableOverlay();
+        const nodeInfo = await this.makeCdpCall('DOM.describeNode', {
+            objectId: this.getRemoteObjectId(),
+            depth: -1,
+            pierce: true,
+        });
+        const highlightConfig = {
+            backendNodeId: nodeInfo.node.backendNodeId,
+            highlightConfig: {
+                borderColor: elementHandle_1.getHighlightColor(0),
+                contentColor: elementHandle_1.getHighlightColor(1),
+                colorFormat: 'rgb',
+            },
+        };
+        await this.fadeInOutHighlight(highlightConfig, highlightDurationMillis, highlightPhases);
+        await this.hideHighlight();
+    }
+    async getValue() {
+        return this.element.inputValue();
+    }
+    async fadeInOutHighlight(highlightConfig, highlightDurationMillis, highlightPhases) {
+        var _a;
+        if (highlightPhases <= 0) {
+            throw new Error('Highlight phases must be greater than 0');
+        }
+        const phaseIntervalMilliseconds = highlightDurationMillis / highlightPhases;
+        for (let iteration = 0; iteration < highlightPhases; iteration++) {
+            if (((_a = highlightConfig.highlightConfig.contentColor) === null || _a === void 0 ? void 0 : _a.a) !== undefined) {
+                const x = iteration / highlightPhases;
+                highlightConfig.highlightConfig.contentColor.a =
+                    x * (1 - x) * 4 * elementHandle_1.MAX_HIGHLIGHT_OPACITY;
+            }
+            await this.makeCdpCall('Overlay.highlightNode', highlightConfig);
+            await testsUtil_1.sleep(phaseIntervalMilliseconds);
+        }
+    }
+    async enableDom() {
+        await this.makeCdpCall('DOM.enable');
+    }
+    async enableOverlay() {
+        await this.makeCdpCall('Overlay.enable');
+    }
+    async hideHighlight() {
+        await this.makeCdpCall('Overlay.hideHighlight');
+    }
+    async makeCdpCall(method, paramArgs) {
+        var _a;
+        return ((_a = this.cdpSession) !== null && _a !== void 0 ? _a : (await this.page.getCdpSession())).send(method, paramArgs);
     }
 }
 exports.PlaywrightElementHandle = PlaywrightElementHandle;

package/browserLauncher/playwrightBrowserLauncher/playwrightFrame.js

@@ -27,8 +27,9 @@ const playwrightHttpResponse_1 = require("./playwrightHttpResponse");
 const playwrightDom_1 = require("./playwrightDom");
 const testsUtil_1 = require("../../commands/tests/testsUtil");
 const WAIT_FOR_CONTEXT_TIMEOUT = 1000;
-class PlaywrightFrame {
+class PlaywrightFrame extends browserLauncher_1.Frame {
     constructor(frame, parentPage) {
+        super();
         this.frame = frame;
         this.parentPage = parentPage;
         this.injectSecondaryWorld();
@@ -45,20 +46,23 @@ class PlaywrightFrame {
                 this.utilityWorldAvailable =
                     this._contextData.get('utility').context !== null;
             }
-            if ((arg === null || arg === void 0 ? void 0 : arg.useSecondaryWorld) && this.utilityWorldAvailable) {
+            if ((arg === null || arg === void 0 ? void 0 : arg.hasOwnProperty('secondaryWorldValue')) &&
+                this.utilityWorldAvailable) {
                 forcedWorld = 'utility';
-                delete arg.useSecondaryWorld;
+                arg = arg.secondaryWorldValue;
             }
-            return forcedWorld;
+            return { world: forcedWorld, value: arg };
         };
         const originalEvaluateExpressionFunction = serverFrame.evaluateExpressionAndWaitForSignals.bind(serverFrame);
         const functionOverride = async function (expression, isFunction, arg, _world) {
-            return originalEvaluateExpressionFunction(expression, isFunction, arg, await this.checkWorldFunction(arg));
+            const { world, value } = await this.checkWorldFunction(arg);
+            return originalEvaluateExpressionFunction(expression, isFunction, value, world);
         };
         serverFrame.evaluateExpressionAndWaitForSignals = functionOverride.bind(serverFrame);
         const originalEvaluateExpressionHandleFunction = serverFrame.evaluateExpressionHandleAndWaitForSignals.bind(serverFrame);
         const functionHandleOverride = async function (expression, isFunction, arg, _world) {
-            return originalEvaluateExpressionHandleFunction(expression, isFunction, arg, await this.checkWorldFunction(arg));
+            const { world, value } = await this.checkWorldFunction(arg);
+            return originalEvaluateExpressionHandleFunction(expression, isFunction, value, world);
         };
         serverFrame.evaluateExpressionHandleAndWaitForSignals = functionHandleOverride.bind(serverFrame);
     }

package/browserLauncher/playwrightBrowserLauncher/playwrightPage.js

@@ -22,7 +22,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlaywrightPage = exports.highlightColor = exports.MAX_HIGHLIGHT_OPACITY = void 0;
+exports.PlaywrightPage = void 0;
 const events_1 = __importDefault(require("events"));
 const browserLauncher_1 = require("../browserLauncher");
 const playwright = __importStar(require("@playwright/test"));
@@ -32,17 +32,9 @@ const playwrightFrame_1 = require("./playwrightFrame");
 const playwrightDom_1 = require("./playwrightDom");
 const utils_1 = require("../utils");
 const wrappers_1 = require("./wrappers");
-const testsUtil_1 = require("../../commands/tests/testsUtil");
 const path_1 = __importDefault(require("path"));
 const logUtils_1 = require("../../util/logUtils");
 const uuid = __importStar(require("uuid"));
-exports.MAX_HIGHLIGHT_OPACITY = 0.9;
-exports.highlightColor = (transparency) => ({
-    r: 196,
-    g: 68,
-    b: 183,
-    a: transparency,
-});
 class PlaywrightPage extends events_1.default {
     constructor(page, browser) {
         var _a, _b, _c;
@@ -50,7 +42,8 @@ class PlaywrightPage extends events_1.default {
         this.page = page;
         this.browser = browser;
         this.playwrightFrames = new Map();
-        this.pageId = (_c = (_b = (_a = this.getPageImpl()) === null || _a === void 0 ? void 0 : _a._delegate) === null || _b === void 0 ? void 0 : _b._targetId) !== null && _c !== void 0 ? _c : page._guid;
+        const guid = page._guid;
+        this.pageId = (_c = (_b = (_a = this.getPageImpl()) === null || _a === void 0 ? void 0 : _a._delegate) === null || _b === void 0 ? void 0 : _b._targetId) !== null && _c !== void 0 ? _c : guid;
         page.off('dialog', this.acceptDialogs);
         page.on('dialog', this.acceptDialogs);
         page.on('close', () => {
@@ -75,7 +68,6 @@ class PlaywrightPage extends events_1.default {
         });
     }
     async waitForInitialization() {
-        this.client = await this.browser.defaultContext.newCDPSession(this.page);
         this.openerPage = await utils_1.mapIfNotNull(await this.page.opener(), page => this.browser.getOrCreatePage(page));
     }
     on(event, listener) {
@@ -91,9 +83,9 @@ class PlaywrightPage extends events_1.default {
     wireEvents(event) {
         if (event === browserLauncher_1.PageEvent.RequestWillBeSentExtraInfo &&
             !this.listenerCount(event)) {
-            this.client.on('Network.requestWillBeSentExtraInfo', (event) => {
+            void this.getCdpSession().then(session => session.on('Network.requestWillBeSentExtraInfo', (event) => {
                 this.emit(browserLauncher_1.PageEvent.RequestWillBeSentExtraInfo, event);
-            });
+            }));
         }
         if (event === browserLauncher_1.PageEvent.Response && !this.listenerCount(event)) {
             this.page.on('response', (event) => {
@@ -131,14 +123,14 @@ class PlaywrightPage extends events_1.default {
             });
         }
         if (event === browserLauncher_1.PageEvent.TracingBufferUsage && !this.listenerCount(event)) {
-            this.client.on('Tracing.bufferUsage', (tracing) => {
+            void this.getCdpSession().then(session => session.on('Tracing.bufferUsage', (tracing) => {
                 this.emit(browserLauncher_1.PageEvent.TracingBufferUsage, tracing);
-            });
+            }));
         }
         if (event === browserLauncher_1.PageEvent.TracingComplete && !this.listenerCount(event)) {
-            this.client.on('Tracing.tracingComplete', (tracingComplete) => {
+            void this.getCdpSession().then(session => session.on('Tracing.tracingComplete', (tracingComplete) => {
                 this.emit(browserLauncher_1.PageEvent.TracingComplete, tracingComplete);
-            });
+            }));
         }
     }
     async screenshot() {
@@ -231,25 +223,6 @@ class PlaywrightPage extends events_1.default {
             throw new browserLauncher_1.RunnerError(e.message);
         }
     }
-    async highlightElement(element, highlightDurationMillis, highlightPhases) {
-        await this.enableDom();
-        await this.enableOverlay();
-        const nodeInfo = await this.makeCdpCall('DOM.describeNode', {
-            objectId: element.getRemoteObjectId(),
-            depth: -1,
-            pierce: true,
-        });
-        const highlightConfig = {
-            backendNodeId: nodeInfo.node.backendNodeId,
-            highlightConfig: {
-                borderColor: exports.highlightColor(0),
-                contentColor: exports.highlightColor(1),
-                colorFormat: 'rgb',
-            },
-        };
-        await this.fadeInOutHighlight(highlightConfig, highlightDurationMillis, highlightPhases);
-        await this.hideHighlight();
-    }
     isClosed() {
         return this.page.isClosed();
     }
@@ -286,6 +259,7 @@ class PlaywrightPage extends events_1.default {
         }
     }
     async resizeViewport() {
+        await this.makeCdpCall('Emulation.clearDeviceMetricsOverride');
     }
     async setBrowserBounds(width, height) {
         const windowInfo = await this.makeCdpCall('Browser.getWindowForTarget');
@@ -355,32 +329,26 @@ class PlaywrightPage extends events_1.default {
         throw new Error('PlaywrightPage.setExtraHTTPHeaders not implemented');
     }
     makeCdpCall(method, paramArgs) {
-        return this.client.send(method, paramArgs);
-    }
-    async enableDom() {
-        await this.makeCdpCall('DOM.enable');
-    }
-    async enableOverlay() {
-        await this.makeCdpCall('Overlay.enable');
-    }
-    async hideHighlight() {
-        await this.makeCdpCall('Overlay.hideHighlight');
-    }
-    async fadeInOutHighlight(highlightConfig, highlightDurationMillis, highlightPhases) {
-        var _a;
-        if (highlightPhases === 0) {
-            throw new Error('Highlight phases must be greater than 0');
+        return this.getCdpSession().then(session => session.send(method, paramArgs));
+    }
+    async getCdpSession() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        if (((_c = (_b = (_a = this.getPageImpl()) === null || _a === void 0 ? void 0 : _a._delegate) === null || _b === void 0 ? void 0 : _b._mainFrameSession) === null || _c === void 0 ? void 0 : _c._client) === undefined) {
+            const undefinedField = ((_e = (_d = this.getPageImpl()) === null || _d === void 0 ? void 0 : _d._delegate) === null || _e === void 0 ? void 0 : _e._mainFrameSession) !== undefined
+                ? '_client'
+                : ((_f = this.getPageImpl()) === null || _f === void 0 ? void 0 : _f._delegate) !== undefined
+                    ? '_mainFrameSession'
+                    : 'pageImpl';
+            logUtils_1.logInternal(`Unable to get the CDP Session of the page (${undefinedField} is undefined).
+        Creating a fallback session. Some functionality might not work as expected.`);
         }
-        const phaseIntervalMilliseconds = highlightDurationMillis / highlightPhases;
-        for (let iteration = 0; iteration < highlightPhases; iteration++) {
-            if (((_a = highlightConfig.highlightConfig.contentColor) === null || _a === void 0 ? void 0 : _a.a) !== undefined) {
-                const x = iteration / highlightPhases;
-                highlightConfig.highlightConfig.contentColor.a =
-                    x * (1 - x) * 4 * exports.MAX_HIGHLIGHT_OPACITY;
-            }
-            await this.makeCdpCall('Overlay.highlightNode', highlightConfig);
-            await testsUtil_1.sleep(phaseIntervalMilliseconds);
+        return ((_k = (_j = (_h = (_g = this.getPageImpl()) === null || _g === void 0 ? void 0 : _g._delegate) === null || _h === void 0 ? void 0 : _h._mainFrameSession) === null || _j === void 0 ? void 0 : _j._client) !== null && _k !== void 0 ? _k : this.getOrCreateFallbackCdpSession());
+    }
+    async getOrCreateFallbackCdpSession() {
+        if (this.fallbackCdpSession === undefined) {
+            this.fallbackCdpSession = await this.browser.defaultContext.newCDPSession(this.page);
         }
+        return this.fallbackCdpSession;
     }
     async getWindowInfo() {
         return this.makeCdpCall('Browser.getWindowForTarget', { targetId: this.getPageId() });

package/browserLauncher/puppeteerBrowserLauncher/puppeteerElementHandle.js

@@ -4,6 +4,7 @@ exports.PuppeteerElementHandle = void 0;
 const puppeteerJsHandle_1 = require("./puppeteerJsHandle");
 const utils_1 = require("../utils");
 const testsUtil_1 = require("../../commands/tests/testsUtil");
+const elementHandle_1 = require("../elementHandle");
 const msBetweenClicks = 100;
 class PuppeteerElementHandle extends puppeteerJsHandle_1.PuppeteerJsHandle {
     constructor(element, parentPage) {
@@ -63,5 +64,58 @@ class PuppeteerElementHandle extends puppeteerJsHandle_1.PuppeteerJsHandle {
     getRemoteObjectId() {
         return this.element._remoteObject.objectId;
     }
+    async highlight(highlightDurationMillis, highlightPhases) {
+        await this.enableDom();
+        await this.enableOverlay();
+        const nodeInfo = await this.makeCdpCall('DOM.describeNode', {
+            objectId: this.getRemoteObjectId(),
+            depth: -1,
+            pierce: true,
+        });
+        const highlightConfig = {
+            backendNodeId: nodeInfo.node.backendNodeId,
+            highlightConfig: {
+                borderColor: elementHandle_1.getHighlightColor(0),
+                contentColor: elementHandle_1.getHighlightColor(1),
+                colorFormat: 'rgb',
+            },
+        };
+        await this.fadeInOutHighlight(highlightConfig, highlightDurationMillis, highlightPhases);
+        await this.hideHighlight();
+    }
+    async enableDom() {
+        await this.makeCdpCall('DOM.enable');
+    }
+    async enableOverlay() {
+        await this.makeCdpCall('Overlay.enable');
+    }
+    async hideHighlight() {
+        await this.makeCdpCall('Overlay.hideHighlight');
+    }
+    async fadeInOutHighlight(highlightConfig, highlightDurationMillis, highlightPhases) {
+        var _a;
+        if (highlightPhases <= 0) {
+            throw new Error('Highlight phases must be greater than 0');
+        }
+        const phaseIntervalMilliseconds = highlightDurationMillis / highlightPhases;
+        for (let iteration = 0; iteration < highlightPhases; iteration++) {
+            if (((_a = highlightConfig.highlightConfig.contentColor) === null || _a === void 0 ? void 0 : _a.a) !== undefined) {
+                const x = iteration / highlightPhases;
+                highlightConfig.highlightConfig.contentColor.a =
+                    x * (1 - x) * 4 * elementHandle_1.MAX_HIGHLIGHT_OPACITY;
+            }
+            await this.makeCdpCall('Overlay.highlightNode', highlightConfig);
+            await testsUtil_1.sleep(phaseIntervalMilliseconds);
+        }
+    }
+    getCdpClient() {
+        return this.element._client;
+    }
+    makeCdpCall(method, paramArgs) {
+        return this.getCdpClient().send(method, paramArgs);
+    }
+    getValue() {
+        return this.element.evaluate(el => el.value);
+    }
 }
 exports.PuppeteerElementHandle = PuppeteerElementHandle;

package/browserLauncher/puppeteerBrowserLauncher/puppeteerFrame.js

@@ -12,8 +12,9 @@ const utils_1 = require("../utils");
 const puppeteerHttpResponse_1 = require("./puppeteerHttpResponse");
 const puppeteerElementHandle_1 = require("./puppeteerElementHandle");
 const puppeteerJsHandle_1 = require("./puppeteerJsHandle");
-class PuppeteerFrame {
+class PuppeteerFrame extends browserLauncher_1.Frame {
     constructor(frame, parentPage) {
+        super();
         this.frame = frame;
         this.parentPage = parentPage;
     }

package/browserLauncher/puppeteerBrowserLauncher/puppeteerPage.js

@@ -7,7 +7,6 @@ exports.PuppeteerPage = exports.highlightColor = exports.MAX_HIGHLIGHT_OPACITY =
 const browserLauncher_1 = require("../browserLauncher");
 const puppeteer_core_1 = __importDefault(require("puppeteer-core"));
 const events_1 = __importDefault(require("events"));
-const testsUtil_1 = require("../../commands/tests/testsUtil");
 const puppeteerBrowserLauncher_1 = require("./puppeteerBrowserLauncher");
 const puppeteerHttpRequest_1 = require("./puppeteerHttpRequest");
 const puppeteerHttpResponse_1 = require("./puppeteerHttpResponse");
@@ -294,25 +293,6 @@ class PuppeteerPage extends events_1.default {
     frames() {
         return this.page.frames().map(frame => this.getOrCreateFrame(frame));
     }
-    async highlightElement(element, highlightDurationMillis, highlightPhases) {
-        await this.enableDom();
-        await this.enableOverlay();
-        const nodeInfo = await this.makeCdpCall('DOM.describeNode', {
-            objectId: element.getRemoteObjectId(),
-            depth: -1,
-            pierce: true,
-        });
-        const highlightConfig = {
-            backendNodeId: nodeInfo.node.backendNodeId,
-            highlightConfig: {
-                borderColor: exports.highlightColor(0),
-                contentColor: exports.highlightColor(1),
-                colorFormat: 'rgb',
-            },
-        };
-        await this.fadeInOutHighlight(highlightConfig, highlightDurationMillis, highlightPhases);
-        await this.hideHighlight();
-    }
     async getBrowserBounds() {
         const getWindowForTarget = await this.makeCdpCall('Browser.getWindowForTarget', { targetId: this.page.target()._targetId });
         return getWindowForTarget.bounds;
@@ -323,31 +303,6 @@ class PuppeteerPage extends events_1.default {
     opener() {
         return this.openerPage;
     }
-    async enableDom() {
-        await this.makeCdpCall('DOM.enable');
-    }
-    async enableOverlay() {
-        await this.makeCdpCall('Overlay.enable');
-    }
-    async hideHighlight() {
-        await this.makeCdpCall('Overlay.hideHighlight');
-    }
-    async fadeInOutHighlight(highlightConfig, highlightDurationMillis, highlightPhases) {
-        var _a;
-        if (highlightPhases === 0) {
-            throw new Error('Highlight phases must be greater than 0');
-        }
-        const phaseIntervalMilliseconds = highlightDurationMillis / highlightPhases;
-        for (let iteration = 0; iteration < highlightPhases; iteration++) {
-            if (((_a = highlightConfig.highlightConfig.contentColor) === null || _a === void 0 ? void 0 : _a.a) !== undefined) {
-                const x = iteration / highlightPhases;
-                highlightConfig.highlightConfig.contentColor.a =
-                    x * (1 - x) * 4 * exports.MAX_HIGHLIGHT_OPACITY;
-            }
-            await this.makeCdpCall('Overlay.highlightNode', highlightConfig);
-            await testsUtil_1.sleep(phaseIntervalMilliseconds);
-        }
-    }
     getOrCreateFrame(frame) {
         const frameId = frame._id;
         if (!this.puppeteerFrames.has(frameId)) {

package/cli.js

@@ -30,8 +30,6 @@ const env_1 = require("./env/env");
 const constants_1 = require("./commands/constants");
 const pureUtil_1 = require("./util/pureUtil");
 const versionUtil_1 = require("./commands/commandUtil/versionUtil");
-const logLineMessaging_1 = require("./core/messaging/logLineMessaging");
-const messaging_1 = require("./core/messaging/messaging");
 const chalk_1 = __importDefault(require("chalk"));
 const loggingProvider_1 = require("./providers/logging/loggingProvider");
 const updateNotifier = require('update-notifier');
@@ -67,9 +65,6 @@ yargs
     .wrap(null)
     .epilogue('Read full docs @ https://help.mabl.com/docs/mabl-cli')
     .middleware([
-    () => {
-        logLineMessaging_1.registerConsoleLoggerForOutput(messaging_1.mablEventEmitter);
-    },
     () => {
         try {
             const nodeVersion = versionUtil_1.extractNodeVersionTuple(process.version);

package/core/messaging/messaging.js

@@ -1,9 +1,10 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MablCoreProcessAction = exports.MablCoreAction = exports.ExecutionPhase = exports.EventChannelMessageType = exports.getEmitter = exports.mablEventEmitter = exports.MablCoreEventEmitter = void 0;
+exports.getDefaultLogMetadataForInfo = exports.MablCoreProcessAction = exports.MablCoreAction = exports.ExecutionPhase = exports.EventChannelMessageType = exports.getEmitter = exports.mablEventEmitter = exports.MablCoreEventEmitter = void 0;
 const events_1 = require("events");
 const loggingProvider_1 = require("../../providers/logging/loggingProvider");
+const NO_ID_PLACEHOLDER = 'NO_ID_PROVIDED';
 class MablCoreEventEmitter {
     constructor(debug) {
         this.messageIndex = -1;
@@ -78,3 +79,15 @@ exports.MablCoreAction = MablCoreAction;
 class MablCoreProcessAction extends MablCoreAction {
 }
 exports.MablCoreProcessAction = MablCoreProcessAction;
+function getDefaultLogMetadataForInfo(testId, testInvariantId) {
+    return {
+        executionIndex: {
+            testId: testId !== null && testId !== void 0 ? testId : NO_ID_PLACEHOLDER,
+            testInvariantId: testInvariantId !== null && testInvariantId !== void 0 ? testInvariantId : NO_ID_PLACEHOLDER,
+        },
+        executionPhase: ExecutionPhase.BEFORE_TEST,
+        logLevel: loggingProvider_1.LogLevel.Info,
+        timestamp: Date.now(),
+    };
+}
+exports.getDefaultLogMetadataForInfo = getDefaultLogMetadataForInfo;