@mablhq/mabl-cli 1.12.9 → 1.12.38

package/api/basicApiClient.js

@@ -129,7 +129,7 @@ class BasicApiClient {
             maxRetryTime: (_h = (_g = this.retryConfig) === null || _g === void 0 ? void 0 : _g.maxRetryTimeMillis) !== null && _h !== void 0 ? _h : DEFAULT_MAX_TOTAL_RETRY_TIME_MILLISECONDS,
             forever: false,
         };
-        return async_retry_1.default(async (bail) => requestFunc().catch(error => {
+        return async_retry_1.default(async (bail) => requestFunc().catch((error) => {
             var _a, _b;
             const statusCode = (_a = error.statusCode) !== null && _a !== void 0 ? _a : (_b = error.response) === null || _b === void 0 ? void 0 : _b.status;
             if (statusCode === 429 ||

package/api/mablApiClient.js

@@ -67,7 +67,7 @@ class MablApiClient extends basicApiClient_1.BasicApiClient {
                 organization_id: workspaceId,
                 limit,
             });
-            const applications = await this.makeGetRequest(`${env_1.BASE_API_URL}/applications?${applicationQueryString}`).then(result => { var _a; return (_a = result.applications) !== null && _a !== void 0 ? _a : []; });
+            const applications = await this.makeGetRequest(`${env_1.BASE_API_URL}/applications?${applicationQueryString}`).then((result) => { var _a; return (_a = result.applications) !== null && _a !== void 0 ? _a : []; });
             sortTemporallyAscending(applications);
             return applications;
         }
@@ -117,7 +117,7 @@ class MablApiClient extends basicApiClient_1.BasicApiClient {
                 organization_id: workspaceId,
                 limit,
             });
-            const environments = await this.makeGetRequest(`${env_1.BASE_API_URL}/v1/environments/?${environmentQueryString}`).then(result => { var _a; return (_a = result.environments) !== null && _a !== void 0 ? _a : []; });
+            const environments = await this.makeGetRequest(`${env_1.BASE_API_URL}/v1/environments/?${environmentQueryString}`).then((result) => { var _a; return (_a = result.environments) !== null && _a !== void 0 ? _a : []; });
             sortTemporallyAscending(environments);
             return environments;
         }
@@ -170,7 +170,7 @@ class MablApiClient extends basicApiClient_1.BasicApiClient {
                 organization_id: workspaceId,
                 limit,
             });
-            return await this.makeGetRequest(`${env_1.BASE_API_URL}/credentials?${credentialsQueryString}`).then(result => { var _a; return (_a = result.credentials) !== null && _a !== void 0 ? _a : []; });
+            return await this.makeGetRequest(`${env_1.BASE_API_URL}/credentials?${credentialsQueryString}`).then((result) => { var _a; return (_a = result.credentials) !== null && _a !== void 0 ? _a : []; });
         }
         catch (error) {
             throw toApiError(`Failed to get credentials`, error);
@@ -190,7 +190,7 @@ class MablApiClient extends basicApiClient_1.BasicApiClient {
                 workspace_id: workspaceId,
                 limit,
             });
-            return await this.makeGetRequest(`${env_1.BASE_API_URL}/events/deployment?${deploymentQueryString}`).then(result => { var _a; return (_a = result.deployments) !== null && _a !== void 0 ? _a : []; });
+            return await this.makeGetRequest(`${env_1.BASE_API_URL}/events/deployment?${deploymentQueryString}`).then((result) => { var _a; return (_a = result.deployments) !== null && _a !== void 0 ? _a : []; });
         }
         catch (error) {
             throw toApiError(`Failed to get deployment events`, error);
@@ -245,7 +245,7 @@ class MablApiClient extends basicApiClient_1.BasicApiClient {
     }
     async getTestOverrides(testId, environmentId, selectorOverrideLimit = 10) {
         try {
-            return await this.makeGetRequest(`${env_1.BASE_API_URL}/tests/testScripts/${testId}/overrides?environment_id=${environmentId}&selector_override_limit=${selectorOverrideLimit}`).then(result => { var _a; return (_a = result.overrides) !== null && _a !== void 0 ? _a : []; });
+            return await this.makeGetRequest(`${env_1.BASE_API_URL}/tests/testScripts/${testId}/overrides?environment_id=${environmentId}&selector_override_limit=${selectorOverrideLimit}`).then((result) => { var _a; return (_a = result.overrides) !== null && _a !== void 0 ? _a : []; });
         }
         catch (error) {
             throw toApiError(`Failed to get selector overrides`, error);
@@ -271,7 +271,7 @@ class MablApiClient extends basicApiClient_1.BasicApiClient {
         var _a, _b;
         try {
             const userInfo = await this.getSelf();
-            const requests = (_b = (_a = userInfo.roles) === null || _a === void 0 ? void 0 : _a.slice(0, limit).map(role => this.getWorkspace(role.organization_id))) !== null && _b !== void 0 ? _b : [];
+            const requests = (_b = (_a = userInfo.roles) === null || _a === void 0 ? void 0 : _a.slice(0, limit).map((role) => this.getWorkspace(role.organization_id))) !== null && _b !== void 0 ? _b : [];
             const workspaces = await Promise.all(requests);
             sortTemporallyAscending(workspaces);
             return workspaces;
@@ -406,7 +406,7 @@ class MablApiClient extends basicApiClient_1.BasicApiClient {
                 limit,
                 status: statusFilter,
             });
-            return await this.makeGetRequest(`${env_1.BASE_API_URL}/branch?${branchQueryString}`).then(result => { var _a; return (_a = result.branches) !== null && _a !== void 0 ? _a : []; });
+            return await this.makeGetRequest(`${env_1.BASE_API_URL}/branch?${branchQueryString}`).then((result) => { var _a; return (_a = result.branches) !== null && _a !== void 0 ? _a : []; });
         }
         catch (error) {
             throw toApiError(`Failed to get Branches`, error);
@@ -422,7 +422,7 @@ class MablApiClient extends basicApiClient_1.BasicApiClient {
     }
     async getDatatableRows(datatableId) {
         try {
-            return await this.makeGetRequest(`${env_1.BASE_API_URL}/variables/tables/${datatableId}/rows`).then(result => { var _a; return (_a = result.variableRows) !== null && _a !== void 0 ? _a : []; });
+            return await this.makeGetRequest(`${env_1.BASE_API_URL}/variables/tables/${datatableId}/rows`).then((result) => { var _a; return (_a = result.variableRows) !== null && _a !== void 0 ? _a : []; });
         }
         catch (error) {
             throw toApiError(`Failed to get datatable rows`, error);
@@ -537,7 +537,7 @@ class MablApiClient extends basicApiClient_1.BasicApiClient {
             planOverrides.deployment_ids = options.deploymentIds;
         }
         if ((_h = options.httpHeaders) === null || _h === void 0 ? void 0 : _h.length) {
-            planOverrides.http_headers = options.httpHeaders.map(header => {
+            planOverrides.http_headers = options.httpHeaders.map((header) => {
                 const parts = header.split(':', 2);
                 return {
                     name: parts[0],

package/auth/AuthClient.js

@@ -22,10 +22,7 @@ class AuthClient {
             .replace(/=/g, '');
     }
     sha256(input) {
-        return crypto_1.default
-            .createHash('sha256')
-            .update(input)
-            .digest();
+        return crypto_1.default.createHash('sha256').update(input).digest();
     }
     buildAuthorizationUrl(codeChallenge, redirectUri, idpType) {
         const loginQueryString = query_string_1.default.stringify({

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/browserLauncherFactory.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BrowserLauncherFactory = void 0;
 const puppeteerBrowserLauncher_1 = require("./puppeteerBrowserLauncher/puppeteerBrowserLauncher");
@@ -6,6 +9,7 @@ const playwrightBrowserLauncher_1 = require("./playwrightBrowserLauncher/playwri
 const runnerType_1 = require("./runnerType");
 const logUtils_1 = require("../util/logUtils");
 const loggingProvider_1 = require("../providers/logging/loggingProvider");
+const chalk_1 = __importDefault(require("chalk"));
 class BrowserLauncherFactory {
     static getRunnerFromEnvironment() {
         var _a;
@@ -16,10 +20,10 @@ class BrowserLauncherFactory {
         const runner = runnerFromEnv ? runnerFromEnv : runnerType;
         loggerFunc = loggerFunc !== null && loggerFunc !== void 0 ? loggerFunc : ((line) => logUtils_1.logCliOutput(loggingProvider_1.LogLevel.Info, line));
         if (runner === runnerType_1.RunnerType.Playwright) {
-            loggerFunc('Browser launcher: Playwright');
+            loggerFunc(chalk_1.default.cyan(`Browser launcher:`, chalk_1.default.magenta('Playwright')));
             return new playwrightBrowserLauncher_1.PlaywrightBrowserLauncher();
         }
-        loggerFunc('Browser launcher: Puppeteer');
+        loggerFunc(chalk_1.default.cyan(`Browser launcher:`, chalk_1.default.magenta('Puppeteer')));
         return new puppeteerBrowserLauncher_1.PuppeteerBrowserLauncher();
     }
 }

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/playwrightBrowser.js

@@ -73,12 +73,12 @@ class PlaywrightBrowser extends events_1.default {
     async pages() {
         return Promise.all(this.getDefaultContext()
             .pages()
-            .map(page => this.getOrCreatePage(page)));
+            .map((page) => this.getOrCreatePage(page)));
     }
     async getExtensionBackgroundPage(extensionId) {
         const backgroundExtensionPage = this.defaultContext
             .backgroundPages()
-            .find(page => page.url().includes(extensionId));
+            .find((page) => page.url().includes(extensionId));
         if (!backgroundExtensionPage) {
             throw new Error('mabl test initialization failure, unable to locate mabl extension page, please try again');
         }

package/browserLauncher/playwrightBrowserLauncher/playwrightBrowserLauncher.js

@@ -31,6 +31,7 @@ class PlaywrightBrowserLauncher {
             viewport,
             acceptDownloads: true,
             httpCredentials: options.credentials,
+            extraHTTPHeaders: options.extraHttpHeaders,
             isMobile: (_a = options.defaultDeviceDescriptor) === null || _a === void 0 ? void 0 : _a.isMobile,
             deviceScaleFactor: (_b = options.defaultDeviceDescriptor) === null || _b === void 0 ? void 0 : _b.deviceScaleFactor,
             hasTouch: (_c = options.defaultDeviceDescriptor) === null || _c === void 0 ? void 0 : _c.hasTouch,

package/browserLauncher/playwrightBrowserLauncher/playwrightDom.js

@@ -19,10 +19,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlaywrightElementHandle = exports.PlaywrightJsHandle = void 0;
+exports.PlaywrightElementHandle = exports.PlaywrightJsHandle = exports.DEFAULT_TEXT_INPUT_TIMEOUT_MS = 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");
+exports.DEFAULT_TEXT_INPUT_TIMEOUT_MS = 30000;
 class PlaywrightJsHandle {
     constructor(handle, page) {
         this.handle = handle;
@@ -39,55 +42,72 @@ class PlaywrightJsHandle {
     }
     async evaluateHandle(code, arg) {
         const handle = await this.handle.evaluateHandle(code, PlaywrightJsHandle.unwrapProperties(arg));
-        return utils_1.mapIfNotNull(handle, handle => handle.asElement()
+        return utils_1.mapIfNotNull(handle, (handle) => handle.asElement()
             ? new PlaywrightElementHandle(handle.asElement(), this.page)
             : new PlaywrightJsHandle(handle, this.page));
     }
     async getProperty(propertyName) {
-        return utils_1.mapIfNotNull(await this.handle.getProperty(propertyName), handle => new PlaywrightJsHandle(handle, this.page));
+        return utils_1.mapIfNotNull(await this.handle.getProperty(propertyName), (handle) => new PlaywrightJsHandle(handle, this.page));
     }
     jsonValue() {
         return this.handle.jsonValue();
     }
     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;
+        else if (typeof arg === 'object' &&
+            !Object.keys(arg).some((key) => arg[key] instanceof PlaywrightJsHandle)) {
+            result = arg;
         }
-        if (typeof arg === 'object' &&
-            !Object.keys(arg).some(key => arg[key] instanceof PlaywrightJsHandle)) {
-            return arg;
+        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;
         }
-        const unwrapped = { ...arg };
-        Object.keys(arg).forEach(propertyName => {
-            const propertyValue = unwrapped[propertyName];
-            if (propertyValue instanceof PlaywrightJsHandle) {
-                unwrapped[propertyName] = propertyValue.getPlaywrightHandle();
-            }
-        });
-        return 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}`);
@@ -97,13 +117,13 @@ class PlaywrightElementHandle extends PlaywrightJsHandle {
         return this.element.setInputFiles(filePath);
     }
     async $x(xpathQuery) {
-        return (await this.element.$$(`xpath=${xpathQuery}`)).map(element => new PlaywrightElementHandle(element, this.page));
+        return (await this.element.$$(`xpath=${xpathQuery}`)).map((element) => new PlaywrightElementHandle(element, this.page));
     }
     asElement() {
-        return utils_1.mapIfNotNull(this.handle.asElement(), handle => new PlaywrightElementHandle(handle, this.page));
+        return utils_1.mapIfNotNull(this.handle.asElement(), (handle) => new PlaywrightElementHandle(handle, this.page));
     }
     async boundingBox() {
-        return utils_1.mapIfNotNull(await this.element.boundingBox(), boundingBox => boundingBox);
+        return utils_1.mapIfNotNull(await this.element.boundingBox(), (boundingBox) => boundingBox);
     }
     click(options) {
         var _a, _b;
@@ -125,13 +145,13 @@ class PlaywrightElementHandle extends PlaywrightJsHandle {
         return clickablePoint;
     }
     async contentFrame() {
-        return utils_1.mapIfNotNull(await this.element.contentFrame(), frame => this.page.getOrCreateFrame(frame));
+        return utils_1.mapIfNotNull(await this.element.contentFrame(), (frame) => this.page.getOrCreateFrame(frame));
     }
     focus() {
         return this.element.focus();
     }
     async frame() {
-        return utils_1.mapIfNotNull(await this.element.ownerFrame(), frame => this.page.getOrCreateFrame(frame));
+        return utils_1.mapIfNotNull(await this.element.ownerFrame(), (frame) => this.page.getOrCreateFrame(frame));
     }
     hover() {
         return this.element.hover();
@@ -142,16 +162,84 @@ class PlaywrightElementHandle extends PlaywrightJsHandle {
     select(value) {
         return this.element.selectOption(value);
     }
-    async type(text) {
+    async type(text, options) {
+        const timeout = PlaywrightElementHandle.getTypeTimeout(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, {
+            delay: options === null || options === void 0 ? void 0 : options.delay,
+            timeout,
+        });
+    }
+    static getTypeTimeout(text, options) {
+        var _a;
+        let timeout;
+        const newTimeout = text.length * ((_a = options === null || options === void 0 ? void 0 : options.delay) !== null && _a !== void 0 ? _a : 1) * 2;
+        if (newTimeout > exports.DEFAULT_TEXT_INPUT_TIMEOUT_MS) {
+            timeout = newTimeout;
+        }
+        return timeout;
     }
     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,11 @@ 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 {
+const MAIN_CONTEXT = 'main';
+const UTILITY_CONTEXT = 'utility';
+class PlaywrightFrame extends browserLauncher_1.Frame {
     constructor(frame, parentPage) {
+        super();
         this.frame = frame;
         this.parentPage = parentPage;
         this.injectSecondaryWorld();
@@ -36,61 +39,69 @@ class PlaywrightFrame {
     injectSecondaryWorld() {
         const serverFrame = this.getFrameImpl();
         serverFrame.checkWorldFunction = async function (arg) {
-            let forcedWorld = 'main';
+            let forcedWorld = MAIN_CONTEXT;
             if (this.utilityWorldAvailable === undefined) {
                 await Promise.race([
-                    this._contextData.get('utility').contextPromise,
+                    this._contextData.get(UTILITY_CONTEXT).contextPromise,
                     testsUtil_1.sleep(WAIT_FOR_CONTEXT_TIMEOUT),
                 ]);
                 this.utilityWorldAvailable =
-                    this._contextData.get('utility').context !== null;
+                    this._contextData.get(UTILITY_CONTEXT).context !== null;
             }
-            if ((arg === null || arg === void 0 ? void 0 : arg.useSecondaryWorld) && this.utilityWorldAvailable) {
-                forcedWorld = 'utility';
-                delete arg.useSecondaryWorld;
+            if (arg === null || arg === void 0 ? void 0 : arg.hasOwnProperty('secondaryWorldValue')) {
+                forcedWorld = UTILITY_CONTEXT;
+                if (!this.utilityWorldAvailable) {
+                    this._contextData.set(UTILITY_CONTEXT, this._contextData.get(MAIN_CONTEXT));
+                    this.utilityWorldAvailable = true;
+                }
+                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);
+        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);
+        serverFrame.evaluateExpressionHandleAndWaitForSignals =
+            functionHandleOverride.bind(serverFrame);
     }
     async $(selector) {
-        return utils_1.mapIfNotNull(await this.frame.$(selector), handle => new playwrightDom_1.PlaywrightElementHandle(handle, this.parentPage));
+        return utils_1.mapIfNotNull(await this.frame.$(selector), (handle) => new playwrightDom_1.PlaywrightElementHandle(handle, this.parentPage));
     }
     async $$(selector) {
         const maybePlaywrightHandles = await this.frame.$$(selector);
         if (!maybePlaywrightHandles.length) {
             return [];
         }
-        return maybePlaywrightHandles.map(handle => new playwrightDom_1.PlaywrightElementHandle(handle, this.parentPage));
+        return maybePlaywrightHandles.map((handle) => new playwrightDom_1.PlaywrightElementHandle(handle, this.parentPage));
     }
     async $$eval(selector, pageFunction, ...args) {
-        const result = await this.frame.$$eval(selector, pageFunction, ...args === null || args === void 0 ? void 0 : args.map(argument => argument instanceof playwrightDom_1.PlaywrightJsHandle
+        const result = await this.frame.$$eval(selector, pageFunction, ...args === null || args === void 0 ? void 0 : args.map((argument) => argument instanceof playwrightDom_1.PlaywrightJsHandle
             ? argument.getPlaywrightHandle()
             : argument));
         return result;
     }
     async $eval(selector, pageFunction, ...args) {
-        const result = await this.frame.$eval(selector, pageFunction, ...args === null || args === void 0 ? void 0 : args.map(argument => argument instanceof playwrightDom_1.PlaywrightJsHandle
+        const result = await this.frame.$eval(selector, pageFunction, ...args === null || args === void 0 ? void 0 : args.map((argument) => argument instanceof playwrightDom_1.PlaywrightJsHandle
             ? argument.getPlaywrightHandle()
             : argument));
         return result;
     }
     async $x(xpathQuery) {
-        return (await this.frame.$$(`xpath=${xpathQuery}`)).map(element => new playwrightDom_1.PlaywrightElementHandle(element, this.parentPage));
+        return (await this.frame.$$(`xpath=${xpathQuery}`)).map((element) => new playwrightDom_1.PlaywrightElementHandle(element, this.parentPage));
     }
     childFrames() {
         return this.frame
             .childFrames()
-            .map(frame => this.parentPage.getOrCreateFrame(frame));
+            .map((frame) => this.parentPage.getOrCreateFrame(frame));
     }
     evaluate(pageFunction, arg, addSecondaryWorldFlag = false) {
         return this.frame.evaluate(pageFunction, playwrightDom_1.PlaywrightJsHandle.unwrapProperties(arg, addSecondaryWorldFlag));
@@ -107,7 +118,7 @@ class PlaywrightFrame {
     async goto(url, options) {
         try {
             const response = await this.frame.goto(url, options);
-            return utils_1.mapIfNotNull(response, response => new playwrightHttpResponse_1.PlaywrightHttpResponse(this.parentPage, response));
+            return utils_1.mapIfNotNull(response, (response) => new playwrightHttpResponse_1.PlaywrightHttpResponse(this.parentPage, response));
         }
         catch (e) {
             if (e instanceof playwright.errors.TimeoutError) {
@@ -123,13 +134,13 @@ class PlaywrightFrame {
         return this.frame.name();
     }
     parentFrame() {
-        return utils_1.mapIfNotNull(this.frame.parentFrame(), frame => this.parentPage.getOrCreateFrame(frame));
+        return utils_1.mapIfNotNull(this.frame.parentFrame(), (frame) => this.parentPage.getOrCreateFrame(frame));
     }
     url() {
         return this.frame.url();
     }
     async waitForSelector(selector, options) {
-        return utils_1.mapIfNotNull(await this.frame.waitForSelector(selector, options), handle => new playwrightDom_1.PlaywrightElementHandle(handle, this.parentPage));
+        return utils_1.mapIfNotNull(await this.frame.waitForSelector(selector, options), (handle) => new playwrightDom_1.PlaywrightElementHandle(handle, this.parentPage));
     }
     page() {
         return this.parentPage;

package/browserLauncher/playwrightBrowserLauncher/playwrightHttpResponse.js

@@ -19,5 +19,8 @@ class PlaywrightHttpResponse {
     url() {
         return this.response.url();
     }
+    json() {
+        return this.response.json();
+    }
 }
 exports.PlaywrightHttpResponse = PlaywrightHttpResponse;