/** * Copyright 2019 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. */ import { CDPSessionEvents } from './Connection'; import { TimeoutError } from '../Errors'; import { Frame } from './Frame'; import { FrameManager, FrameManagerEvents } from './FrameManager'; import { assert, helper, RegisteredListener } from '../helper'; import { NetworkManagerEvents, Request, Response } from './NetworkManager'; export class LifecycleWatcher { private _expectedLifecycle: string[]; private _frameManager: FrameManager; private _frame: Frame; private _initialLoaderId: string; private _timeout: number; private _navigationRequest: Request | null = null; private _eventListeners: RegisteredListener[]; private _sameDocumentNavigationPromise: Promise; private _sameDocumentNavigationCompleteCallback: () => void; private _lifecyclePromise: Promise; private _lifecycleCallback: () => void; private _newDocumentNavigationPromise: Promise; private _newDocumentNavigationCompleteCallback: () => void; private _timeoutPromise: Promise; private _terminationPromise: Promise; private _terminationCallback: () => void; private _maximumTimer: NodeJS.Timer; private _hasSameDocumentNavigation: boolean; constructor(frameManager: FrameManager, frame: Frame, waitUntil: string | string[], timeout: number) { if (Array.isArray(waitUntil)) waitUntil = waitUntil.slice(); else if (typeof waitUntil === 'string') waitUntil = [waitUntil]; this._expectedLifecycle = waitUntil.map(value => { const protocolEvent = playwrightToProtocolLifecycle.get(value); assert(protocolEvent, 'Unknown value for options.waitUntil: ' + value); return protocolEvent; }); this._frameManager = frameManager; this._frame = frame; this._initialLoaderId = frame._loaderId; this._timeout = timeout; this._eventListeners = [ helper.addEventListener(frameManager._client, CDPSessionEvents.Disconnected, () => this._terminate(new Error('Navigation failed because browser has disconnected!'))), helper.addEventListener(this._frameManager, FrameManagerEvents.LifecycleEvent, this._checkLifecycleComplete.bind(this)), helper.addEventListener(this._frameManager, FrameManagerEvents.FrameNavigatedWithinDocument, this._navigatedWithinDocument.bind(this)), helper.addEventListener(this._frameManager, FrameManagerEvents.FrameDetached, this._onFrameDetached.bind(this)), helper.addEventListener(this._frameManager.networkManager(), NetworkManagerEvents.Request, this._onRequest.bind(this)), ]; this._sameDocumentNavigationPromise = new Promise(fulfill => { this._sameDocumentNavigationCompleteCallback = fulfill; }); this._lifecyclePromise = new Promise(fulfill => { this._lifecycleCallback = fulfill; }); this._newDocumentNavigationPromise = new Promise(fulfill => { this._newDocumentNavigationCompleteCallback = fulfill; }); this._timeoutPromise = this._createTimeoutPromise(); this._terminationPromise = new Promise(fulfill => { this._terminationCallback = fulfill; }); this._checkLifecycleComplete(); } _onRequest(request: Request) { if (request.frame() !== this._frame || !request.isNavigationRequest()) return; this._navigationRequest = request; } _onFrameDetached(frame: Frame) { if (this._frame === frame) { this._terminationCallback.call(null, new Error('Navigating frame was detached')); return; } this._checkLifecycleComplete(); } navigationResponse(): Response | null { return this._navigationRequest ? this._navigationRequest.response() : null; } _terminate(error: Error) { this._terminationCallback.call(null, error); } sameDocumentNavigationPromise(): Promise { return this._sameDocumentNavigationPromise; } newDocumentNavigationPromise(): Promise { return this._newDocumentNavigationPromise; } lifecyclePromise(): Promise { return this._lifecyclePromise; } timeoutOrTerminationPromise(): Promise { return Promise.race([this._timeoutPromise, this._terminationPromise]); } _createTimeoutPromise(): Promise { if (!this._timeout) return new Promise(() => {}); const errorMessage = 'Navigation timeout of ' + this._timeout + ' ms exceeded'; return new Promise(fulfill => this._maximumTimer = setTimeout(fulfill, this._timeout)) .then(() => new TimeoutError(errorMessage)); } _navigatedWithinDocument(frame: Frame) { if (frame !== this._frame) return; this._hasSameDocumentNavigation = true; this._checkLifecycleComplete(); } _checkLifecycleComplete() { // We expect navigation to commit. if (!checkLifecycle(this._frame, this._expectedLifecycle)) return; this._lifecycleCallback(); if (this._frame._loaderId === this._initialLoaderId && !this._hasSameDocumentNavigation) return; if (this._hasSameDocumentNavigation) this._sameDocumentNavigationCompleteCallback(); if (this._frame._loaderId !== this._initialLoaderId) this._newDocumentNavigationCompleteCallback(); function checkLifecycle(frame: Frame, expectedLifecycle: string[]): boolean { for (const event of expectedLifecycle) { if (!frame._lifecycleEvents.has(event)) return false; } for (const child of frame.childFrames()) { if (!checkLifecycle(child, expectedLifecycle)) return false; } return true; } } dispose() { helper.removeEventListeners(this._eventListeners); clearTimeout(this._maximumTimer); } } const playwrightToProtocolLifecycle = new Map([ ['load', 'load'], ['domcontentloaded', 'DOMContentLoaded'], ['networkidle0', 'networkIdle'], ['networkidle2', 'networkAlmostIdle'], ]);