@mablhq/mabl-cli 1.12.9 → 1.12.38

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,8 +68,7 @@ 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));
+        this.openerPage = await utils_1.mapIfNotNull(await this.page.opener(), (page) => this.browser.getOrCreatePage(page));
     }
     on(event, listener) {
         this.wireEvents(event);
@@ -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) => {
@@ -101,7 +93,7 @@ class PlaywrightPage extends events_1.default {
             });
         }
         if (event === browserLauncher_1.PageEvent.Request && !this.listenerCount(event)) {
-            void this.page.route('**/*', route => {
+            void this.page.route('**/*', (route) => {
                 this.emit(browserLauncher_1.PageEvent.Request, new playwrightHttpRequest_1.PlaywrightHttpRequest(this, route.request(), route));
             });
         }
@@ -116,33 +108,33 @@ class PlaywrightPage extends events_1.default {
             });
         }
         if (event === browserLauncher_1.PageEvent.Console && !this.listenerCount(event)) {
-            this.page.on('console', console => {
+            this.page.on('console', (console) => {
                 this.emit(browserLauncher_1.PageEvent.Console, new wrappers_1.PlaywrightWrappedConsoleMessage(console, this));
             });
         }
         if (event === browserLauncher_1.PageEvent.PageError && !this.listenerCount(event)) {
-            this.page.on('pageerror', error => {
+            this.page.on('pageerror', (error) => {
                 this.emit(browserLauncher_1.PageEvent.PageError, error);
             });
         }
         if (event === browserLauncher_1.PageEvent.Error && !this.listenerCount(event)) {
-            this.page.on('crash', error => {
+            this.page.on('crash', (error) => {
                 this.emit(browserLauncher_1.PageEvent.Error, error);
             });
         }
         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() {
-        return { data: (await this.page.screenshot()).toString('base64') };
+    async screenshot(clip) {
+        return { data: (await this.page.screenshot({ clip })).toString('base64') };
     }
     sendCharacter(key) {
         return this.page.keyboard.insertText(key);
@@ -190,7 +182,7 @@ class PlaywrightPage extends events_1.default {
         return result;
     }
     async $x(xpathQuery) {
-        return (await this.page.$$(`xpath=${xpathQuery}`)).map(element => new playwrightDom_1.PlaywrightElementHandle(element, this));
+        return (await this.page.$$(`xpath=${xpathQuery}`)).map((element) => new playwrightDom_1.PlaywrightElementHandle(element, this));
     }
     authenticate(_credentials) {
         throw new Error('PlaywrightPage.authenticate not implemented');
@@ -202,7 +194,7 @@ class PlaywrightPage extends events_1.default {
         return this.page.context().cookies();
     }
     async deleteCookie(...cookies) {
-        const finalCookies = (await this.cookies()).filter((cookie) => !cookies.find(c => c.name === cookie.name && c.domain === cookie.domain));
+        const finalCookies = (await this.cookies()).filter((cookie) => !cookies.find((c) => c.name === cookie.name && c.domain === cookie.domain));
         await this.page.context().clearCookies();
         await this.page.context().addCookies(finalCookies);
     }
@@ -213,7 +205,7 @@ class PlaywrightPage extends events_1.default {
         return new playwrightDom_1.PlaywrightJsHandle(await this.page.evaluateHandle(code, playwrightDom_1.PlaywrightJsHandle.unwrapProperties(arg, true)), this);
     }
     frames() {
-        return this.page.frames().map(frame => this.getOrCreateFrame(frame));
+        return this.page.frames().map((frame) => this.getOrCreateFrame(frame));
     }
     async getBrowserBounds() {
         const windowInfo = await this.getWindowInfo();
@@ -222,7 +214,7 @@ class PlaywrightPage extends events_1.default {
     async goto(url, options) {
         try {
             const response = await this.page.goto(url, options);
-            return utils_1.mapIfNotNull(response, response => new playwrightHttpResponse_1.PlaywrightHttpResponse(this, response));
+            return utils_1.mapIfNotNull(response, (response) => new playwrightHttpResponse_1.PlaywrightHttpResponse(this, response));
         }
         catch (e) {
             if (e instanceof playwright.errors.TimeoutError) {
@@ -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();
     }
@@ -276,7 +249,7 @@ class PlaywrightPage extends events_1.default {
     }
     async reload(options) {
         try {
-            return utils_1.mapIfNotNull(await this.page.reload(options), response => new playwrightHttpResponse_1.PlaywrightHttpResponse(this, response));
+            return utils_1.mapIfNotNull(await this.page.reload(options), (response) => new playwrightHttpResponse_1.PlaywrightHttpResponse(this, response));
         }
         catch (e) {
             if (e instanceof playwright.errors.TimeoutError) {
@@ -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');
@@ -301,7 +275,7 @@ class PlaywrightPage extends events_1.default {
     async setCookie(...cookies) {
         const pageUrl = this.url();
         const startsWithHTTP = pageUrl.startsWith('http');
-        await this.page.context().addCookies(cookies.map(cookie => {
+        await this.page.context().addCookies(cookies.map((cookie) => {
             const item = { ...cookie };
             if (!item.url && startsWithHTTP) {
                 item.url = pageUrl;
@@ -333,7 +307,7 @@ class PlaywrightPage extends events_1.default {
     async waitForNavigation(options) {
         try {
             const result = await this.page.waitForNavigation(options);
-            return utils_1.mapIfNotNull(result, result => new playwrightHttpResponse_1.PlaywrightHttpResponse(this, result));
+            return utils_1.mapIfNotNull(result, (result) => new playwrightHttpResponse_1.PlaywrightHttpResponse(this, result));
         }
         catch (e) {
             if (e instanceof playwright.errors.TimeoutError) {
@@ -343,7 +317,7 @@ class PlaywrightPage extends events_1.default {
         }
     }
     async waitForSelector(selector, options) {
-        return utils_1.mapIfNotNull(await this.page.waitForSelector(selector, options), handle => new playwrightDom_1.PlaywrightElementHandle(handle, this));
+        return utils_1.mapIfNotNull(await this.page.waitForSelector(selector, options), (handle) => new playwrightDom_1.PlaywrightElementHandle(handle, this));
     }
     acceptDialogs(dialog) {
         return dialog.accept();
@@ -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/playwrightBrowserLauncher/wrappers.js

@@ -13,7 +13,7 @@ class PlaywrightWrappedConsoleMessage {
     args() {
         return this.message
             .args()
-            .map(handle => new playwrightDom_1.PlaywrightJsHandle(handle, this.page));
+            .map((handle) => new playwrightDom_1.PlaywrightJsHandle(handle, this.page));
     }
     type() {
         return this.message.type();

package/browserLauncher/puppeteerBrowserLauncher/puppeteerBrowser.js

@@ -71,11 +71,11 @@ class PuppeteerBrowser extends events_1.default {
     }
     async pages() {
         const pages = await this.browser.pages();
-        return Promise.all(pages.map(page => this.getOrCreatePage(page)));
+        return Promise.all(pages.map((page) => this.getOrCreatePage(page)));
     }
     async getExtensionBackgroundPage(extensionId) {
         const targets = this.browser.targets();
-        const target = targets.find(target => target.type() === 'background_page' &&
+        const target = targets.find((target) => target.type() === 'background_page' &&
             target.url().includes(extensionId));
         if (target) {
             const backgroundPage = await target.page();
@@ -89,7 +89,7 @@ class PuppeteerBrowser extends events_1.default {
     async waitForPage(opener, options) {
         try {
             const pageTarget = opener.getPuppeteerPage().target();
-            const newTarget = await this.browser.waitForTarget(target => target.opener() === pageTarget, puppeteerBrowserLauncher_1.convertWaitForOptions(options));
+            const newTarget = await this.browser.waitForTarget((target) => target.opener() === pageTarget, puppeteerBrowserLauncher_1.convertWaitForOptions(options));
             return this.getOrCreatePage((await newTarget.page()));
         }
         catch (e) {

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) {
@@ -16,7 +17,7 @@ class PuppeteerElementHandle extends puppeteerJsHandle_1.PuppeteerJsHandle {
     }
     async contentFrame() {
         const frame = await this.element.contentFrame();
-        return utils_1.mapIfNotNull(frame, frame => this.parentPage.getOrCreateFrame(frame));
+        return utils_1.mapIfNotNull(frame, (frame) => this.parentPage.getOrCreateFrame(frame));
     }
     focus() {
         return this.element.focus();
@@ -42,20 +43,20 @@ class PuppeteerElementHandle extends puppeteerJsHandle_1.PuppeteerJsHandle {
         return this.element.click({ clickCount: 2 });
     }
     asElement() {
-        return utils_1.mapIfNotNull(this.handle.asElement(), handle => new PuppeteerElementHandle(handle, this.parentPage));
+        return utils_1.mapIfNotNull(this.handle.asElement(), (handle) => new PuppeteerElementHandle(handle, this.parentPage));
     }
     type(text, options) {
         return this.element.type(text, options);
     }
     async $x(xpathQuery) {
-        return (await this.element.$x(xpathQuery)).map(element => new PuppeteerElementHandle(element, this.parentPage));
+        return (await this.element.$x(xpathQuery)).map((element) => new PuppeteerElementHandle(element, this.parentPage));
     }
     async boundingBox() {
         const boundingBox = await this.element.boundingBox();
-        return utils_1.mapIfNotNull(boundingBox, boundingBox => boundingBox);
+        return utils_1.mapIfNotNull(boundingBox, (boundingBox) => boundingBox);
     }
     frame() {
-        return Promise.resolve(utils_1.mapIfNotNull(this.element.executionContext().frame(), frame => this.parentPage.getOrCreateFrame(frame)));
+        return Promise.resolve(utils_1.mapIfNotNull(this.element.executionContext().frame(), (frame) => this.parentPage.getOrCreateFrame(frame)));
     }
     press(key) {
         return this.element.press(key);
@@ -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;
     }
@@ -30,7 +31,7 @@ class PuppeteerFrame {
     childFrames() {
         return this.frame
             .childFrames()
-            .map(frame => this.parentPage.getOrCreateFrame(frame));
+            .map((frame) => this.parentPage.getOrCreateFrame(frame));
     }
     async $eval(selector, pageFunction, arg) {
         const result = await this.frame.$eval(selector, pageFunction, puppeteerJsHandle_1.PuppeteerJsHandle.unwrapProperties(arg));
@@ -42,13 +43,13 @@ class PuppeteerFrame {
     }
     async $(selector) {
         const handle = await this.frame.$(selector);
-        return utils_1.mapIfNotNull(handle, handle => new puppeteerElementHandle_1.PuppeteerElementHandle(handle, this.parentPage));
+        return utils_1.mapIfNotNull(handle, (handle) => new puppeteerElementHandle_1.PuppeteerElementHandle(handle, this.parentPage));
     }
     async $$(selector) {
-        return (await this.frame.$$(selector)).map(element => new puppeteerElementHandle_1.PuppeteerElementHandle(element, this.parentPage));
+        return (await this.frame.$$(selector)).map((element) => new puppeteerElementHandle_1.PuppeteerElementHandle(element, this.parentPage));
     }
     async $x(xpathQuery) {
-        return (await this.frame.$x(xpathQuery)).map(element => new puppeteerElementHandle_1.PuppeteerElementHandle(element, this.parentPage));
+        return (await this.frame.$x(xpathQuery)).map((element) => new puppeteerElementHandle_1.PuppeteerElementHandle(element, this.parentPage));
     }
     id() {
         return this.frame._id;
@@ -62,7 +63,7 @@ class PuppeteerFrame {
     async goto(url, options) {
         try {
             const response = await this.frame.goto(url, puppeteerBrowserLauncher_1.convertWaitForOptions(options));
-            return utils_1.mapIfNotNull(response, response => new puppeteerHttpResponse_1.PuppeteerHttpResponse(response, this.parentPage));
+            return utils_1.mapIfNotNull(response, (response) => new puppeteerHttpResponse_1.PuppeteerHttpResponse(response, this.parentPage));
         }
         catch (e) {
             if (e instanceof puppeteer_core_1.default.errors.TimeoutError) {
@@ -72,7 +73,7 @@ class PuppeteerFrame {
         }
     }
     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));
     }
     evaluate(pageFunction, arg) {
         return this.frame.evaluate(pageFunction, puppeteerJsHandle_1.PuppeteerJsHandle.unwrapProperties(arg));
@@ -98,7 +99,7 @@ class PuppeteerFrame {
     }
     async waitForSelector(selector, options) {
         const handle = await this.frame.waitForSelector(selector, puppeteerBrowserLauncher_1.convertWaitForOptions(options));
-        return utils_1.mapIfNotNull(handle, handle => new puppeteerElementHandle_1.PuppeteerElementHandle(handle, this.parentPage));
+        return utils_1.mapIfNotNull(handle, (handle) => new puppeteerElementHandle_1.PuppeteerElementHandle(handle, this.parentPage));
     }
     async getFrameOwnerElement() {
         const parentFrame = this.parentFrame();

package/browserLauncher/puppeteerBrowserLauncher/puppeteerHttpRequest.js

@@ -23,7 +23,7 @@ class PuppeteerHttpRequest {
         });
     }
     frame() {
-        return utils_1.mapIfNotNull(this.request.frame(), frame => this.parentPage.getOrCreateFrame(frame));
+        return utils_1.mapIfNotNull(this.request.frame(), (frame) => this.parentPage.getOrCreateFrame(frame));
     }
     url() {
         return this.request.url();

package/browserLauncher/puppeteerBrowserLauncher/puppeteerHttpResponse.js

@@ -15,10 +15,13 @@ class PuppeteerHttpResponse {
         return this.response.url();
     }
     frame() {
-        return utils_1.mapIfNotNull(this.response.frame(), frame => this.parentPage.getOrCreateFrame(frame));
+        return utils_1.mapIfNotNull(this.response.frame(), (frame) => this.parentPage.getOrCreateFrame(frame));
     }
     request() {
         return new puppeteerHttpRequest_1.PuppeteerHttpRequest(this.response.request(), this.parentPage);
     }
+    json() {
+        return this.response.json();
+    }
 }
 exports.PuppeteerHttpResponse = PuppeteerHttpResponse;

package/browserLauncher/puppeteerBrowserLauncher/puppeteerJsHandle.js

@@ -10,16 +10,16 @@ class PuppeteerJsHandle {
     }
     async evaluateHandle(code, arg) {
         const handle = await this.handle.evaluateHandle(code, PuppeteerJsHandle.unwrapProperties(arg));
-        return utils_1.mapIfNotNull(handle, handle => new PuppeteerJsHandle(handle, this.parentPage));
+        return utils_1.mapIfNotNull(handle, (handle) => new PuppeteerJsHandle(handle, this.parentPage));
     }
     asElement() {
-        return utils_1.mapIfNotNull(this.handle.asElement(), handle => new puppeteerElementHandle_1.PuppeteerElementHandle(handle, this.parentPage));
+        return utils_1.mapIfNotNull(this.handle.asElement(), (handle) => new puppeteerElementHandle_1.PuppeteerElementHandle(handle, this.parentPage));
     }
     jsonValue() {
         return this.handle.jsonValue();
     }
     async getProperty(propertyName) {
-        return utils_1.mapIfNotNull(await this.handle.getProperty(propertyName), handle => new PuppeteerJsHandle(handle, this.parentPage));
+        return utils_1.mapIfNotNull(await this.handle.getProperty(propertyName), (handle) => new PuppeteerJsHandle(handle, this.parentPage));
     }
     evaluate(pageFunction, arg) {
         return this.handle.evaluate(pageFunction, PuppeteerJsHandle.unwrapProperties(arg));