@mablhq/mabl-cli 1.12.24 → 1.13.17

package/api/basicApiClient.js

@@ -28,8 +28,12 @@ const httpUtil_1 = require("../util/httpUtil");
 const axios_1 = __importDefault(require("axios"));
 const os = __importStar(require("os"));
 const async_retry_1 = __importDefault(require("async-retry"));
+const logUtils_1 = require("../util/logUtils");
+const asyncUtil_1 = require("../util/asyncUtil");
 const MABL_ENTITY_VERSION_HEADER = 'x-mabl-entity-version';
-const DEFAULT_MAX_TOTAL_RETRY_TIME_MILLISECONDS = 300000;
+const DEFAULT_REQUEST_TIMEOUT_MILLISECONDS = 60000;
+const DEFAULT_RETRIES = 5;
+const DEFAULT_MAX_TOTAL_RETRY_TIME_MILLISECONDS = DEFAULT_REQUEST_TIMEOUT_MILLISECONDS * DEFAULT_RETRIES;
 const DEFAULT_MIN_RETRY_TIMEOUT_MILLISECONDS = 100;
 const DEFAULT_MAX_RETRY_TIMEOUT_MILLISECONDS = 1000;
 var AuthType;
@@ -39,10 +43,12 @@ var AuthType;
 })(AuthType = exports.AuthType || (exports.AuthType = {}));
 class BasicApiClient {
     constructor(options) {
+        var _a, _b;
         const config = httpUtil_1.axiosProxyConfig({
             sslVerify: options.sslVerify,
             proxyHost: options.proxyUrl,
         });
+        config.timeout = (_a = options.requestTimeoutMillis) !== null && _a !== void 0 ? _a : DEFAULT_REQUEST_TIMEOUT_MILLISECONDS;
         switch (options.authType) {
             case AuthType.ApiKey:
                 config.auth = {
@@ -64,23 +70,27 @@ class BasicApiClient {
                 'x-mabl-user-platform': `${os.platform()}-${os.release()}`,
             },
         };
+        if (options.userAgentOverride) {
+            config.headers[httpUtil_1.USER_AGENT_HEADER] = options.userAgentOverride;
+        }
         this.httpClient = axios_1.default.create(config);
         this.retryConfig = options.retryConfig;
+        this.debugLogger = (_b = options.debugLogger) !== null && _b !== void 0 ? _b : logUtils_1.logInternal;
     }
-    async makeGetRequest(path) {
-        return this.retryWrappedRequest(async () => this.getRequest(path));
+    makeGetRequest(path) {
+        return this.retryWrappedRequest(`makeGetRequest('${path}')`, () => this.getRequest(path));
     }
     async getRequest(path) {
-        const response = await this.httpClient.get(path);
+        const response = await this.debugRequest('GET', path, () => this.httpClient.get(path));
         BasicApiClient.checkResponseStatusCode(response);
         return response.data;
     }
-    async makeGetRequestWithETag(path) {
-        return this.retryWrappedRequest(async () => this.getRequestWithETag(path));
+    makeGetRequestWithETag(path) {
+        return this.retryWrappedRequest(`makeGetRequestWithETag('${path}')`, () => this.getRequestWithETag(path));
     }
     async getRequestWithETag(path) {
         var _a;
-        const response = await this.httpClient.get(path);
+        const response = await this.debugRequest('GET', path, () => this.httpClient.get(path));
         BasicApiClient.checkResponseStatusCode(response);
         const headers = response.headers;
         const result = response.data;
@@ -91,58 +101,85 @@ class BasicApiClient {
         return { ...result, entity_version: versionHeader };
     }
     async makePostRequest(path, requestBody, requestConfig) {
-        const response = await this.httpClient.post(path, requestBody, requestConfig);
+        const response = await this.debugRequest('POST', path, () => this.httpClient.post(path, requestBody, requestConfig));
         BasicApiClient.checkResponseStatusCode(response);
         return response.data;
     }
     async makePutRequest(path, requestBody) {
-        const response = await this.httpClient.put(path, requestBody);
+        const response = await this.debugRequest('PUT', path, () => this.httpClient.put(path, requestBody));
         BasicApiClient.checkResponseStatusCode(response);
         return response.data;
     }
-    async makeDeleteRequest(path) {
-        return this.retryWrappedRequest(async () => this.deleteRequest(path));
+    makeDeleteRequest(path) {
+        return this.retryWrappedRequest(`makeDeleteRequest('${path}')`, () => this.deleteRequest(path));
     }
     async deleteRequest(path) {
-        const response = await this.httpClient.delete(path);
+        const response = await this.debugRequest('DELETE', path, () => this.deleteRequest(path));
         BasicApiClient.checkResponseStatusCode(response);
         return response.data;
     }
     async makePatchRequest(path, requestBody, ifMatch) {
         const extraConfig = ifMatch ? { headers: { 'If-Match': ifMatch } } : {};
-        const response = await this.httpClient.patch(path, requestBody, extraConfig);
+        const response = await this.debugRequest('PATCH', path, () => this.httpClient.patch(path, requestBody, extraConfig));
         BasicApiClient.checkResponseStatusCode(response);
         return response.data;
     }
+    async debugRequest(method, path, request) {
+        const startTimeMillis = Date.now();
+        let responseCode;
+        let error;
+        try {
+            this.debugLogger(`API Client: Sending ${method} ${path}`);
+            const response = await request();
+            responseCode = response.status;
+            return response;
+        }
+        catch (e) {
+            error = e;
+            throw e;
+        }
+        finally {
+            this.debugLogger(`API Client: ${method} ${path} ${error ? 'failed' : 'completed'} in ${Date.now() - startTimeMillis}ms with ${responseCode !== null && responseCode !== void 0 ? responseCode : error}`);
+        }
+    }
     static checkResponseStatusCode(response) {
         const statusCode = response.status;
         if (!statusCode || statusCode >= 400) {
             throw new ApiError_1.ApiError(`[${statusCode} - ${response.statusText}]`, statusCode);
         }
     }
-    retryWrappedRequest(requestFunc) {
+    retryWrappedRequest(description, requestFunc) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         const retryOptions = {
-            retries: (_b = (_a = this.retryConfig) === null || _a === void 0 ? void 0 : _a.retryCount) !== null && _b !== void 0 ? _b : 0,
+            retries: (_b = (_a = this.retryConfig) === null || _a === void 0 ? void 0 : _a.retryCount) !== null && _b !== void 0 ? _b : DEFAULT_RETRIES,
             minTimeout: (_d = (_c = this.retryConfig) === null || _c === void 0 ? void 0 : _c.minTimeoutMillis) !== null && _d !== void 0 ? _d : DEFAULT_MIN_RETRY_TIMEOUT_MILLISECONDS,
             maxTimeout: (_f = (_e = this.retryConfig) === null || _e === void 0 ? void 0 : _e.maxTimeoutMillis) !== null && _f !== void 0 ? _f : DEFAULT_MAX_RETRY_TIMEOUT_MILLISECONDS,
             maxRetryTime: (_h = (_g = this.retryConfig) === null || _g === void 0 ? void 0 : _g.maxRetryTimeMillis) !== null && _h !== void 0 ? _h : DEFAULT_MAX_TOTAL_RETRY_TIME_MILLISECONDS,
+            onRetry: (error) => {
+                this.debugLogger(`Retrying failed API request "${description}"`, error);
+            },
             forever: false,
         };
-        return async_retry_1.default(async (bail) => requestFunc().catch(error => {
+        return asyncUtil_1.promiseWithTimeout(async_retry_1.default(async (bail) => {
             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 ||
-                statusCode === 502 ||
-                statusCode === 503 ||
-                statusCode === 504) {
-                throw error;
+            try {
+                return await requestFunc();
             }
-            else {
-                bail(error);
-                return {};
+            catch (error) {
+                const axiosError = error;
+                const statusCode = (_a = axiosError.code) !== null && _a !== void 0 ? _a : (_b = axiosError.response) === null || _b === void 0 ? void 0 : _b.status;
+                if (statusCode === 429 ||
+                    statusCode === 502 ||
+                    statusCode === 503 ||
+                    statusCode === 504) {
+                    throw error;
+                }
+                else {
+                    bail(error);
+                    return {};
+                }
             }
-        }), retryOptions);
+        }, retryOptions), retryOptions.maxRetryTime + retryOptions.maxTimeout, 'Retryable API request');
     }
 }
 exports.BasicApiClient = BasicApiClient;

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/api/mablApiClientFactory.js

@@ -45,6 +45,7 @@ class MablApiClientFactory {
                 proxyUrl: httpConfig.proxyHost,
                 sslVerify: httpConfig.sslVerify,
                 retryConfig: RETRY_CONFIG,
+                userAgentOverride: opts.userAgentOverride,
             });
         }
         const authProvider = new authenticationProvider_1.AuthenticationProvider();

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/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,20 +9,21 @@ 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;
         return (_a = process.env.MABL_RUNNER) === null || _a === void 0 ? void 0 : _a.toLowerCase();
     }
-    static createRunner(runnerType = runnerType_1.RunnerType.Puppeteer, loggerFunc) {
+    static createRunner(runnerType = runnerType_1.RunnerType.Playwright, loggerFunc) {
         const runnerFromEnv = BrowserLauncherFactory.getRunnerFromEnvironment();
         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/playwrightBrowserLauncher/playwrightBrowser.js

@@ -29,6 +29,7 @@ const browserLauncher_1 = require("../browserLauncher");
 const playwrightPage_1 = require("./playwrightPage");
 const path_1 = __importDefault(require("path"));
 const fs_extra_1 = __importDefault(require("fs-extra"));
+const runnerType_1 = require("../runnerType");
 class PlaywrightBrowser extends events_1.default {
     constructor(defaultContext, downloadDirectory, browserWSEndpoint) {
         super();
@@ -49,6 +50,9 @@ class PlaywrightBrowser extends events_1.default {
             fs_extra_1.default.mkdirSync(path_1.default.join(this.downloadDirectory));
         }
     }
+    getRunnerType() {
+        return runnerType_1.RunnerType.Playwright;
+    }
     makeCdpCall(method, paramArgs) {
         return this.cdpSession.send(method, paramArgs);
     }
@@ -73,12 +77,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,12 +19,14 @@ 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.NAVIGATION_ERROR_MESSAGE = void 0;
 const playwright = __importStar(require("@playwright/test"));
+const types_1 = require("../types");
 const utils_1 = require("../utils");
 const logUtils_1 = require("../../util/logUtils");
 const elementHandle_1 = require("../elementHandle");
 const testsUtil_1 = require("../../commands/tests/testsUtil");
+exports.NAVIGATION_ERROR_MESSAGE = 'waiting for scheduled navigations to finish';
 class PlaywrightJsHandle {
     constructor(handle, page) {
         this.handle = handle;
@@ -41,12 +43,12 @@ 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();
@@ -67,12 +69,12 @@ class PlaywrightJsHandle {
             result = arg;
         }
         else if (typeof arg === 'object' &&
-            !Object.keys(arg).some(key => arg[key] instanceof PlaywrightJsHandle)) {
+            !Object.keys(arg).some((key) => arg[key] instanceof PlaywrightJsHandle)) {
             result = arg;
         }
         else if (typeof arg === 'object' && !Array.isArray(arg)) {
             const unwrapped = { ...arg };
-            Object.keys(arg).forEach(propertyName => {
+            Object.keys(arg).forEach((propertyName) => {
                 const propertyValue = unwrapped[propertyName];
                 if (propertyValue instanceof PlaywrightJsHandle) {
                     unwrapped[propertyName] = propertyValue.getPlaywrightHandle();
@@ -116,23 +118,48 @@ 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;
-        return this.element.click({
-            clickCount: (_a = options === null || options === void 0 ? void 0 : options.clickCount) !== null && _a !== void 0 ? _a : 1,
-            force: (_b = options === null || options === void 0 ? void 0 : options.force) !== null && _b !== void 0 ? _b : true,
-        });
+    async click(options) {
+        var _a, _b, _c, _d;
+        const trial = (_a = options === null || options === void 0 ? void 0 : options.trial) !== null && _a !== void 0 ? _a : false;
+        try {
+            await this.element.click({
+                clickCount: (_b = options === null || options === void 0 ? void 0 : options.clickCount) !== null && _b !== void 0 ? _b : 1,
+                force: (_c = options === null || options === void 0 ? void 0 : options.force) !== null && _c !== void 0 ? _c : !trial,
+                timeout: (_d = options === null || options === void 0 ? void 0 : options.timeout) !== null && _d !== void 0 ? _d : types_1.DefaultTimeouts.quickActionTimeoutMs,
+                trial,
+            });
+        }
+        catch (error) {
+            if (error.message.includes(exports.NAVIGATION_ERROR_MESSAGE)) {
+                logUtils_1.logInternal(`Action timed out due to navigation timeout. ${error.toString()}`);
+                return;
+            }
+            throw error;
+        }
     }
-    doubleClick() {
-        return this.element.dblclick();
+    async doubleClick(options) {
+        var _a, _b, _c;
+        try {
+            const trial = (_a = options === null || options === void 0 ? void 0 : options.trial) !== null && _a !== void 0 ? _a : false;
+            return this.element.dblclick({
+                force: (_b = options === null || options === void 0 ? void 0 : options.force) !== null && _b !== void 0 ? _b : !trial,
+                timeout: (_c = options === null || options === void 0 ? void 0 : options.timeout) !== null && _c !== void 0 ? _c : types_1.DefaultTimeouts.quickActionTimeoutMs,
+                trial,
+            });
+        }
+        catch (error) {
+            if (error.message.includes(exports.NAVIGATION_ERROR_MESSAGE)) {
+                logUtils_1.logInternal(`Action timed out due to navigation timeout. ${error.toString()}`);
+            }
+        }
     }
     async clickablePoint() {
         var _a;
@@ -144,13 +171,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();
@@ -162,9 +189,22 @@ class PlaywrightElementHandle extends PlaywrightJsHandle {
         return this.element.selectOption(value);
     }
     async type(text, options) {
+        const timeout = PlaywrightElementHandle.getTypeTimeout(text, options);
         await this.element.focus();
         await this.element.selectText({ force: true });
-        return this.element.type(text, options);
+        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 > types_1.DefaultTimeouts.defaultTextInputTimeoutMs) {
+            timeout = newTimeout;
+        }
+        return timeout;
     }
     press(key) {
         return this.element.press(key);
@@ -225,7 +265,7 @@ class PlaywrightElementHandle extends PlaywrightJsHandle {
     }
     async makeCdpCall(method, paramArgs) {
         var _a;
-        return ((_a = this.cdpSession) !== null && _a !== void 0 ? _a : (await this.page.getCdpSession())).send(method, paramArgs);
+        return ((_a = this.cdpSession) !== null && _a !== void 0 ? _a : this.page.getCdpSession()).send(method, paramArgs);
     }
 }
 exports.PlaywrightElementHandle = PlaywrightElementHandle;

package/browserLauncher/playwrightBrowserLauncher/playwrightFrame.js

@@ -27,6 +27,8 @@ const playwrightHttpResponse_1 = require("./playwrightHttpResponse");
 const playwrightDom_1 = require("./playwrightDom");
 const testsUtil_1 = require("../../commands/tests/testsUtil");
 const WAIT_FOR_CONTEXT_TIMEOUT = 1000;
+const MAIN_CONTEXT = 'main';
+const UTILITY_CONTEXT = 'utility';
 class PlaywrightFrame extends browserLauncher_1.Frame {
     constructor(frame, parentPage) {
         super();
@@ -37,18 +39,21 @@ class PlaywrightFrame extends browserLauncher_1.Frame {
     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.hasOwnProperty('secondaryWorldValue')) &&
-                this.utilityWorldAvailable) {
-                forcedWorld = 'utility';
+            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 { world: forcedWorld, value: arg };
@@ -58,43 +63,45 @@ class PlaywrightFrame extends browserLauncher_1.Frame {
             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) {
             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));
@@ -111,7 +118,7 @@ class PlaywrightFrame extends browserLauncher_1.Frame {
     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) {
@@ -127,13 +134,13 @@ class PlaywrightFrame extends browserLauncher_1.Frame {
         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;