"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.PageBinding = exports.Worker = exports.Page = void 0; var frames = _interopRequireWildcard(require("./frames")); var input = _interopRequireWildcard(require("./input")); var js = _interopRequireWildcard(require("./javascript")); var network = _interopRequireWildcard(require("./network")); var _screenshotter = require("./screenshotter"); var _timeoutSettings = require("../utils/timeoutSettings"); var _browserContext = require("./browserContext"); var _console = require("./console"); var accessibility = _interopRequireWildcard(require("./accessibility")); var _fileChooser = require("./fileChooser"); var _progress = require("./progress"); var _utils = require("../utils/utils"); var _async = require("../utils/async"); var _debugLogger = require("../utils/debugLogger"); var _instrumentation = require("./instrumentation"); function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } /** * Copyright 2017 Google Inc. All rights reserved. * Modifications copyright (c) Microsoft Corporation. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ class Page extends _instrumentation.SdkObject { constructor(delegate, browserContext) { super(browserContext, 'page'); this._closedState = 'open'; this._closedPromise = new _async.ManualPromise(); this._disconnected = false; this._initialized = false; this._disconnectedPromise = new _async.ManualPromise(); this._crashedPromise = new _async.ManualPromise(); this._browserContext = void 0; this.keyboard = void 0; this.mouse = void 0; this.touchscreen = void 0; this._timeoutSettings = void 0; this._delegate = void 0; this._state = void 0; this._pageBindings = new Map(); this._evaluateOnNewDocumentSources = []; this._screenshotter = void 0; this._frameManager = void 0; this.accessibility = void 0; this._workers = new Map(); this.pdf = void 0; this.coverage = void 0; this._clientRequestInterceptor = void 0; this._serverRequestInterceptor = void 0; this._ownedContext = void 0; this.selectors = void 0; this._pageIsError = void 0; this._video = null; this._opener = void 0; this.attribution.page = this; this._delegate = delegate; this._browserContext = browserContext; this._state = { emulatedSize: browserContext._options.viewport ? { viewport: browserContext._options.viewport, screen: browserContext._options.screen || browserContext._options.viewport } : null, mediaType: null, colorScheme: browserContext._options.colorScheme !== undefined ? browserContext._options.colorScheme : 'light', reducedMotion: browserContext._options.reducedMotion !== undefined ? browserContext._options.reducedMotion : 'no-preference', forcedColors: browserContext._options.forcedColors !== undefined ? browserContext._options.forcedColors : 'none', extraHTTPHeaders: null }; this.accessibility = new accessibility.Accessibility(delegate.getAccessibilityTree.bind(delegate)); this.keyboard = new input.Keyboard(delegate.rawKeyboard, this); this.mouse = new input.Mouse(delegate.rawMouse, this); this.touchscreen = new input.Touchscreen(delegate.rawTouchscreen, this); this._timeoutSettings = new _timeoutSettings.TimeoutSettings(browserContext._timeoutSettings); this._screenshotter = new _screenshotter.Screenshotter(this); this._frameManager = new frames.FrameManager(this); if (delegate.pdf) this.pdf = delegate.pdf.bind(delegate); this.coverage = delegate.coverage ? delegate.coverage() : null; this.selectors = browserContext.selectors(); } async initOpener(opener) { if (!opener) return; const openerPage = await opener.pageOrError(); if (openerPage instanceof Page && !openerPage.isClosed()) this._opener = openerPage; } reportAsNew(error) { if (error) { // Initialization error could have happened because of // context/browser closure. Just ignore the page. if (this._browserContext.isClosingOrClosed()) return; this._setIsError(error); } this._initialized = true; this._browserContext.emit(_browserContext.BrowserContext.Events.Page, this); // I may happen that page iniatialization finishes after Close event has already been sent, // in that case we fire another Close event to ensure that each reported Page will have // corresponding Close event after it is reported on the context. if (this.isClosed()) this.emit(Page.Events.Close); } initializedOrUndefined() { return this._initialized ? this : undefined; } async _doSlowMo() { const slowMo = this._browserContext._browser.options.slowMo; if (!slowMo) return; await new Promise(x => setTimeout(x, slowMo)); } _didClose() { this._frameManager.dispose(); (0, _utils.assert)(this._closedState !== 'closed', 'Page closed twice'); this._closedState = 'closed'; this.emit(Page.Events.Close); this._closedPromise.resolve(); } _didCrash() { this._frameManager.dispose(); this.emit(Page.Events.Crash); this._crashedPromise.resolve(new Error('Page crashed')); } _didDisconnect() { this._frameManager.dispose(); (0, _utils.assert)(!this._disconnected, 'Page disconnected twice'); this._disconnected = true; this._disconnectedPromise.resolve(new Error('Page closed')); } async _onFileChooserOpened(handle) { let multiple; try { multiple = await handle.evaluate(element => !!element.multiple); } catch (e) { // Frame/context may be gone during async processing. Do not throw. return; } if (!this.listenerCount(Page.Events.FileChooser)) { handle.dispose(); return; } const fileChooser = new _fileChooser.FileChooser(this, handle, multiple); this.emit(Page.Events.FileChooser, fileChooser); } context() { return this._browserContext; } opener() { return this._opener; } mainFrame() { return this._frameManager.mainFrame(); } frames() { return this._frameManager.frames(); } setDefaultNavigationTimeout(timeout) { this._timeoutSettings.setDefaultNavigationTimeout(timeout); } setDefaultTimeout(timeout) { this._timeoutSettings.setDefaultTimeout(timeout); } async exposeBinding(name, needsHandle, playwrightBinding) { if (this._pageBindings.has(name)) throw new Error(`Function "${name}" has been already registered`); if (this._browserContext._pageBindings.has(name)) throw new Error(`Function "${name}" has been already registered in the browser context`); const binding = new PageBinding(name, playwrightBinding, needsHandle); this._pageBindings.set(name, binding); await this._delegate.exposeBinding(binding); } setExtraHTTPHeaders(headers) { this._state.extraHTTPHeaders = headers; return this._delegate.updateExtraHTTPHeaders(); } async _onBindingCalled(payload, context) { if (this._disconnected || this._closedState === 'closed') return; await PageBinding.dispatch(this, payload, context); } _addConsoleMessage(type, args, location, text) { const message = new _console.ConsoleMessage(this, type, text, args, location); const intercepted = this._frameManager.interceptConsoleMessage(message); if (intercepted || !this.listenerCount(Page.Events.Console)) args.forEach(arg => arg.dispose());else this.emit(Page.Events.Console, message); } async reload(metadata, options) { const controller = new _progress.ProgressController(metadata, this); return controller.run(progress => this.mainFrame().raceNavigationAction(async () => { // Note: waitForNavigation may fail before we get response to reload(), // so we should await it immediately. const [response] = await Promise.all([this.mainFrame()._waitForNavigation(progress, options), this._delegate.reload()]); await this._doSlowMo(); return response; }), this._timeoutSettings.navigationTimeout(options)); } async goBack(metadata, options) { const controller = new _progress.ProgressController(metadata, this); return controller.run(progress => this.mainFrame().raceNavigationAction(async () => { // Note: waitForNavigation may fail before we get response to goBack, // so we should catch it immediately. let error; const waitPromise = this.mainFrame()._waitForNavigation(progress, options).catch(e => { error = e; return null; }); const result = await this._delegate.goBack(); if (!result) return null; const response = await waitPromise; if (error) throw error; await this._doSlowMo(); return response; }), this._timeoutSettings.navigationTimeout(options)); } async goForward(metadata, options) { const controller = new _progress.ProgressController(metadata, this); return controller.run(progress => this.mainFrame().raceNavigationAction(async () => { // Note: waitForNavigation may fail before we get response to goForward, // so we should catch it immediately. let error; const waitPromise = this.mainFrame()._waitForNavigation(progress, options).catch(e => { error = e; return null; }); const result = await this._delegate.goForward(); if (!result) return null; const response = await waitPromise; if (error) throw error; await this._doSlowMo(); return response; }), this._timeoutSettings.navigationTimeout(options)); } async emulateMedia(options) { if (options.media !== undefined) this._state.mediaType = options.media; if (options.colorScheme !== undefined) this._state.colorScheme = options.colorScheme; if (options.reducedMotion !== undefined) this._state.reducedMotion = options.reducedMotion; if (options.forcedColors !== undefined) this._state.forcedColors = options.forcedColors; await this._delegate.updateEmulateMedia(); await this._doSlowMo(); } async setViewportSize(viewportSize) { this._state.emulatedSize = { viewport: { ...viewportSize }, screen: { ...viewportSize } }; await this._delegate.setEmulatedSize(this._state.emulatedSize); await this._doSlowMo(); } viewportSize() { var _this$_state$emulated; return ((_this$_state$emulated = this._state.emulatedSize) === null || _this$_state$emulated === void 0 ? void 0 : _this$_state$emulated.viewport) || null; } async bringToFront() { await this._delegate.bringToFront(); } async _addInitScriptExpression(source) { this._evaluateOnNewDocumentSources.push(source); await this._delegate.evaluateOnNewDocument(source); } _needsRequestInterception() { return !!this._clientRequestInterceptor || !!this._serverRequestInterceptor || !!this._browserContext._requestInterceptor; } async _setClientRequestInterceptor(handler) { this._clientRequestInterceptor = handler; await this._delegate.updateRequestInterception(); } async _setServerRequestInterceptor(handler) { this._serverRequestInterceptor = handler; await this._delegate.updateRequestInterception(); } _requestStarted(request, routeDelegate) { const route = new network.Route(request, routeDelegate); if (this._serverRequestInterceptor) { this._serverRequestInterceptor(route, request); return; } if (this._clientRequestInterceptor) { this._clientRequestInterceptor(route, request); return; } if (this._browserContext._requestInterceptor) { this._browserContext._requestInterceptor(route, request); return; } route.continue(); } async screenshot(metadata, options = {}) { const controller = new _progress.ProgressController(metadata, this); return controller.run(progress => this._screenshotter.screenshotPage(progress, options), this._timeoutSettings.timeout(options)); } async close(metadata, options) { if (this._closedState === 'closed') return; const runBeforeUnload = !!options && !!options.runBeforeUnload; if (this._closedState !== 'closing') { this._closedState = 'closing'; (0, _utils.assert)(!this._disconnected, 'Target closed'); // This might throw if the browser context containing the page closes // while we are trying to close the page. await this._delegate.closePage(runBeforeUnload).catch(e => _debugLogger.debugLogger.log('error', e)); } if (!runBeforeUnload) await this._closedPromise; if (this._ownedContext) await this._ownedContext.close(metadata); } _setIsError(error) { this._pageIsError = error; if (!this._frameManager.mainFrame()) this._frameManager.frameAttached('', null); } isClosed() { return this._closedState === 'closed'; } _addWorker(workerId, worker) { this._workers.set(workerId, worker); this.emit(Page.Events.Worker, worker); } _removeWorker(workerId) { const worker = this._workers.get(workerId); if (!worker) return; worker.emit(Worker.Events.Close, worker); this._workers.delete(workerId); } _clearWorkers() { for (const [workerId, worker] of this._workers) { worker.emit(Worker.Events.Close, worker); this._workers.delete(workerId); } } async _setFileChooserIntercepted(enabled) { await this._delegate.setFileChooserIntercepted(enabled); } frameNavigatedToNewDocument(frame) { this.emit(Page.Events.InternalFrameNavigatedToNewDocument, frame); const url = frame.url(); if (!url.startsWith('http')) return; const purl = network.parsedURL(url); if (purl) this._browserContext.addVisitedOrigin(purl.origin); } allBindings() { return [...this._browserContext._pageBindings.values(), ...this._pageBindings.values()]; } getBinding(name) { return this._pageBindings.get(name) || this._browserContext._pageBindings.get(name); } setScreencastOptions(options) { this._delegate.setScreencastOptions(options).catch(e => _debugLogger.debugLogger.log('error', e)); } firePageError(error) { this.emit(Page.Events.PageError, error); } parseSelector(selector, options) { const strict = typeof (options === null || options === void 0 ? void 0 : options.strict) === 'boolean' ? options.strict : !!this.context()._options.strictSelectors; return this.selectors.parseSelector(selector, strict); } } exports.Page = Page; Page.Events = { Close: 'close', Crash: 'crash', Console: 'console', Dialog: 'dialog', Download: 'download', FileChooser: 'filechooser', DOMContentLoaded: 'domcontentloaded', // Can't use just 'error' due to node.js special treatment of error events. // @see https://nodejs.org/api/events.html#events_error_events PageError: 'pageerror', FrameAttached: 'frameattached', FrameDetached: 'framedetached', InternalFrameNavigatedToNewDocument: 'internalframenavigatedtonewdocument', Load: 'load', ScreencastFrame: 'screencastframe', Video: 'video', WebSocket: 'websocket', Worker: 'worker' }; class Worker extends _instrumentation.SdkObject { constructor(parent, url) { super(parent, 'worker'); this._url = void 0; this._executionContextPromise = void 0; this._executionContextCallback = void 0; this._existingExecutionContext = null; this._url = url; this._executionContextCallback = () => {}; this._executionContextPromise = new Promise(x => this._executionContextCallback = x); } _createExecutionContext(delegate) { this._existingExecutionContext = new js.ExecutionContext(this, delegate); this._executionContextCallback(this._existingExecutionContext); } url() { return this._url; } async evaluateExpression(expression, isFunction, arg) { return js.evaluateExpression(await this._executionContextPromise, true /* returnByValue */ , expression, isFunction, arg); } async evaluateExpressionHandle(expression, isFunction, arg) { return js.evaluateExpression(await this._executionContextPromise, false /* returnByValue */ , expression, isFunction, arg); } } exports.Worker = Worker; Worker.Events = { Close: 'close' }; class PageBinding { constructor(name, playwrightFunction, needsHandle) { this.name = void 0; this.playwrightFunction = void 0; this.source = void 0; this.needsHandle = void 0; this.name = name; this.playwrightFunction = playwrightFunction; this.source = `(${addPageBinding.toString()})(${JSON.stringify(name)}, ${needsHandle})`; this.needsHandle = needsHandle; } static async dispatch(page, payload, context) { const { name, seq, args } = JSON.parse(payload); try { (0, _utils.assert)(context.world); const binding = page.getBinding(name); let result; if (binding.needsHandle) { const handle = await context.evaluateHandle(takeHandle, { name, seq }).catch(e => null); result = await binding.playwrightFunction({ frame: context.frame, page, context: page._browserContext }, handle); } else { result = await binding.playwrightFunction({ frame: context.frame, page, context: page._browserContext }, ...args); } context.evaluate(deliverResult, { name, seq, result }).catch(e => _debugLogger.debugLogger.log('error', e)); } catch (error) { if ((0, _utils.isError)(error)) context.evaluate(deliverError, { name, seq, message: error.message, stack: error.stack }).catch(e => _debugLogger.debugLogger.log('error', e));else context.evaluate(deliverErrorValue, { name, seq, error }).catch(e => _debugLogger.debugLogger.log('error', e)); } function takeHandle(arg) { const handle = globalThis[arg.name]['handles'].get(arg.seq); globalThis[arg.name]['handles'].delete(arg.seq); return handle; } function deliverResult(arg) { globalThis[arg.name]['callbacks'].get(arg.seq).resolve(arg.result); globalThis[arg.name]['callbacks'].delete(arg.seq); } function deliverError(arg) { const error = new Error(arg.message); error.stack = arg.stack; globalThis[arg.name]['callbacks'].get(arg.seq).reject(error); globalThis[arg.name]['callbacks'].delete(arg.seq); } function deliverErrorValue(arg) { globalThis[arg.name]['callbacks'].get(arg.seq).reject(arg.error); globalThis[arg.name]['callbacks'].delete(arg.seq); } } } exports.PageBinding = PageBinding; function addPageBinding(bindingName, needsHandle) { const binding = globalThis[bindingName]; if (binding.__installed) return; globalThis[bindingName] = (...args) => { const me = globalThis[bindingName]; if (needsHandle && args.slice(1).some(arg => arg !== undefined)) throw new Error(`exposeBindingHandle supports a single argument, ${args.length} received`); let callbacks = me['callbacks']; if (!callbacks) { callbacks = new Map(); me['callbacks'] = callbacks; } const seq = (me['lastSeq'] || 0) + 1; me['lastSeq'] = seq; let handles = me['handles']; if (!handles) { handles = new Map(); me['handles'] = handles; } const promise = new Promise((resolve, reject) => callbacks.set(seq, { resolve, reject })); if (needsHandle) { handles.set(seq, args[0]); binding(JSON.stringify({ name: bindingName, seq })); } else { binding(JSON.stringify({ name: bindingName, seq, args })); } return promise; }; globalThis[bindingName].__installed = true; }