/** * 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. */ import fs from 'fs'; import os from 'os'; import path from 'path'; import { CRBrowser } from './crBrowser'; import { Env, gracefullyCloseSet } from '../../utils/processLauncher'; import { kBrowserCloseMessageId } from './crConnection'; import { rewriteErrorMessage } from '../../utils/stackTrace'; import { BrowserType } from '../browserType'; import { ConnectionTransport, ProtocolRequest, WebSocketTransport } from '../transport'; import { CRDevTools } from './crDevTools'; import { Browser, BrowserOptions, BrowserProcess, PlaywrightOptions } from '../browser'; import * as types from '../types'; import { debugMode, fetchData, getUserAgent, headersArrayToObject, HTTPRequestParams, removeFolders, streamToString } from '../../utils/utils'; import { RecentLogsCollector } from '../../utils/debugLogger'; import { Progress, ProgressController } from '../progress'; import { TimeoutSettings } from '../../utils/timeoutSettings'; import { helper } from '../helper'; import { CallMetadata } from '../instrumentation'; import http from 'http'; import https from 'https'; import { registry } from '../../utils/registry'; import { ManualPromise } from '../../utils/async'; const ARTIFACTS_FOLDER = path.join(os.tmpdir(), 'playwright-artifacts-'); export class Chromium extends BrowserType { private _devtools: CRDevTools | undefined; constructor(playwrightOptions: PlaywrightOptions) { super('chromium', playwrightOptions); if (debugMode()) this._devtools = this._createDevTools(); } override async connectOverCDP(metadata: CallMetadata, endpointURL: string, options: { slowMo?: number, headers?: types.HeadersArray }, timeout?: number) { const controller = new ProgressController(metadata, this); controller.setLogName('browser'); return controller.run(async progress => { return await this._connectOverCDPInternal(progress, endpointURL, options); }, TimeoutSettings.timeout({ timeout })); } async _connectOverCDPInternal(progress: Progress, endpointURL: string, options: { slowMo?: number, headers?: types.HeadersArray }, onClose?: () => Promise) { let headersMap: { [key: string]: string; } | undefined; if (options.headers) headersMap = headersArrayToObject(options.headers, false); if (!headersMap) headersMap = { 'User-Agent': getUserAgent() }; else if (headersMap && !Object.keys(headersMap).some(key => key.toLowerCase() === 'user-agent')) headersMap['User-Agent'] = getUserAgent(); const artifactsDir = await fs.promises.mkdtemp(ARTIFACTS_FOLDER); const wsEndpoint = await urlToWSEndpoint(progress, endpointURL); progress.throwIfAborted(); const chromeTransport = await WebSocketTransport.connect(progress, wsEndpoint, headersMap); const cleanedUp = new ManualPromise(); const doCleanup = async () => { await removeFolders([ artifactsDir ]); await onClose?.(); cleanedUp.resolve(); }; const doClose = async () => { await chromeTransport.closeAndWait(); await cleanedUp; }; const browserProcess: BrowserProcess = { close: doClose, kill: doClose }; const browserOptions: BrowserOptions = { ...this._playwrightOptions, slowMo: options.slowMo, name: 'chromium', isChromium: true, persistent: { noDefaultViewport: true }, browserProcess, protocolLogger: helper.debugProtocolLogger(), browserLogsCollector: new RecentLogsCollector(), artifactsDir, downloadsPath: artifactsDir, tracesDir: artifactsDir, // On Windows context level proxies only work, if there isn't a global proxy // set. This is currently a bug in the CR/Windows networking stack. By // passing an arbitrary value we disable the check in PW land which warns // users in normal (launch/launchServer) mode since otherwise connectOverCDP // does not work at all with proxies on Windows. proxy: { server: 'per-context' }, }; progress.throwIfAborted(); const browser = await CRBrowser.connect(chromeTransport, browserOptions); browser.on(Browser.Events.Disconnected, doCleanup); return browser; } private _createDevTools() { // TODO: this is totally wrong when using channels. const directory = registry.findExecutable('chromium').directory; return directory ? new CRDevTools(path.join(directory, 'devtools-preferences.json')) : undefined; } async _connectToTransport(transport: ConnectionTransport, options: BrowserOptions): Promise { let devtools = this._devtools; if ((options as any).__testHookForDevTools) { devtools = this._createDevTools(); await (options as any).__testHookForDevTools(devtools); } return CRBrowser.connect(transport, options, devtools); } _rewriteStartupError(error: Error): Error { // These error messages are taken from Chromium source code as of July, 2020: // https://github.com/chromium/chromium/blob/70565f67e79f79e17663ad1337dc6e63ee207ce9/content/browser/zygote_host/zygote_host_impl_linux.cc if (!error.message.includes('crbug.com/357670') && !error.message.includes('No usable sandbox!') && !error.message.includes('crbug.com/638180')) return error; return rewriteErrorMessage(error, [ `Chromium sandboxing failed!`, `================================`, `To workaround sandboxing issues, do either of the following:`, ` - (preferred): Configure environment to support sandboxing: https://playwright.dev/docs/troubleshooting`, ` - (alternative): Launch Chromium without sandbox using 'chromiumSandbox: false' option`, `================================`, ``, ].join('\n')); } _amendEnvironment(env: Env, userDataDir: string, executable: string, browserArguments: string[]): Env { return env; } _attemptToGracefullyCloseBrowser(transport: ConnectionTransport): void { const message: ProtocolRequest = { method: 'Browser.close', id: kBrowserCloseMessageId, params: {} }; transport.send(message); } override async _launchWithSeleniumHub(progress: Progress, hubUrl: string, options: types.LaunchOptions): Promise { if (!hubUrl.endsWith('/')) hubUrl = hubUrl + '/'; const args = this._innerDefaultArgs(options); args.push('--remote-debugging-port=0'); let desiredCapabilities = { 'browserName': 'chrome', 'goog:chromeOptions': { args } }; try { if (process.env.SELENIUM_REMOTE_CAPABILITIES) { const parsed = JSON.parse(process.env.SELENIUM_REMOTE_CAPABILITIES); desiredCapabilities = { ...desiredCapabilities, ...parsed }; progress.log(` using additional capabilities "${process.env.SELENIUM_REMOTE_CAPABILITIES}"`); } } catch (e) { progress.log(` ignoring additional capabilities "${process.env.SELENIUM_REMOTE_CAPABILITIES}": ${e}`); } progress.log(` connecting to ${hubUrl}`); const response = await fetchData({ url: hubUrl + 'session', method: 'POST', data: JSON.stringify({ desiredCapabilities, capabilities: { alwaysMatch: desiredCapabilities } }), timeout: progress.timeUntilDeadline(), }, seleniumErrorHandler); const value = JSON.parse(response).value; const sessionId = value.sessionId; progress.log(` connected to sessionId=${sessionId}`); const disconnectFromSelenium = async () => { progress.log(` disconnecting from sessionId=${sessionId}`); await fetchData({ url: hubUrl + 'session/' + sessionId, method: 'DELETE', }).catch(error => progress.log(`: ${error}`)); progress.log(` disconnected from sessionId=${sessionId}`); gracefullyCloseSet.delete(disconnectFromSelenium); }; gracefullyCloseSet.add(disconnectFromSelenium); try { const capabilities = value.capabilities; let endpointURL: URL; if (capabilities['se:cdp']) { // Selenium 4 - use built-in CDP websocket proxy. progress.log(` using selenium v4`); const endpointURLString = addProtocol(capabilities['se:cdp']); endpointURL = new URL(endpointURLString); if (endpointURL.hostname === 'localhost' || endpointURL.hostname === '127.0.0.1') endpointURL.hostname = new URL(hubUrl).hostname; progress.log(` retrieved endpoint ${endpointURL.toString()} for sessionId=${sessionId}`); } else { // Selenium 3 - resolve target node IP to use instead of localhost ws url. progress.log(` using selenium v3`); const maybeChromeOptions = capabilities['goog:chromeOptions']; const chromeOptions = maybeChromeOptions && typeof maybeChromeOptions === 'object' ? maybeChromeOptions : undefined; const debuggerAddress = chromeOptions && typeof chromeOptions.debuggerAddress === 'string' ? chromeOptions.debuggerAddress : undefined; const chromeOptionsURL = typeof maybeChromeOptions === 'string' ? maybeChromeOptions : undefined; const endpointURLString = addProtocol(debuggerAddress || chromeOptionsURL); progress.log(` retrieved endpoint ${endpointURLString} for sessionId=${sessionId}`); endpointURL = new URL(endpointURLString); if (endpointURL.hostname === 'localhost' || endpointURL.hostname === '127.0.0.1') { const sessionInfoUrl = new URL(hubUrl).origin + '/grid/api/testsession?session=' + sessionId; try { const sessionResponse = await fetchData({ url: sessionInfoUrl, method: 'GET', timeout: progress.timeUntilDeadline(), }, seleniumErrorHandler); const proxyId = JSON.parse(sessionResponse).proxyId; endpointURL.hostname = new URL(proxyId).hostname; progress.log(` resolved endpoint ip ${endpointURL.toString()} for sessionId=${sessionId}`); } catch (e) { progress.log(` unable to resolve endpoint ip for sessionId=${sessionId}, running in standalone?`); } } } return await this._connectOverCDPInternal(progress, endpointURL.toString(), { slowMo: options.slowMo }, disconnectFromSelenium); } catch (e) { await disconnectFromSelenium(); throw e; } } _defaultArgs(options: types.LaunchOptions, isPersistent: boolean, userDataDir: string): string[] { const chromeArguments = this._innerDefaultArgs(options); chromeArguments.push(`--user-data-dir=${userDataDir}`); if (options.useWebSocket) chromeArguments.push('--remote-debugging-port=0'); else chromeArguments.push('--remote-debugging-pipe'); if (isPersistent) chromeArguments.push('about:blank'); else chromeArguments.push('--no-startup-window'); return chromeArguments; } private _innerDefaultArgs(options: types.LaunchOptions): string[] { const { args = [], proxy } = options; const userDataDirArg = args.find(arg => arg.startsWith('--user-data-dir')); if (userDataDirArg) throw new Error('Pass userDataDir parameter to `browserType.launchPersistentContext(userDataDir, ...)` instead of specifying --user-data-dir argument'); if (args.find(arg => arg.startsWith('--remote-debugging-pipe'))) throw new Error('Playwright manages remote debugging connection itself.'); if (args.find(arg => !arg.startsWith('-'))) throw new Error('Arguments can not specify page to be opened'); const chromeArguments = [...DEFAULT_ARGS]; // See https://github.com/microsoft/playwright/issues/7362 if (os.platform() === 'darwin') chromeArguments.push('--enable-use-zoom-for-dsf=false'); if (options.devtools) chromeArguments.push('--auto-open-devtools-for-tabs'); if (options.headless) { chromeArguments.push( '--headless', '--hide-scrollbars', '--mute-audio', '--blink-settings=primaryHoverType=2,availableHoverTypes=2,primaryPointerType=4,availablePointerTypes=4', ); } if (options.chromiumSandbox !== true) chromeArguments.push('--no-sandbox'); if (proxy) { const proxyURL = new URL(proxy.server); const isSocks = proxyURL.protocol === 'socks5:'; // https://www.chromium.org/developers/design-documents/network-settings if (isSocks && !this._playwrightOptions.socksProxyPort) { // https://www.chromium.org/developers/design-documents/network-stack/socks-proxy chromeArguments.push(`--host-resolver-rules="MAP * ~NOTFOUND , EXCLUDE ${proxyURL.hostname}"`); } chromeArguments.push(`--proxy-server=${proxy.server}`); const proxyBypassRules = []; // https://source.chromium.org/chromium/chromium/src/+/master:net/docs/proxy.md;l=548;drc=71698e610121078e0d1a811054dcf9fd89b49578 if (this._playwrightOptions.socksProxyPort) proxyBypassRules.push('<-loopback>'); if (proxy.bypass) proxyBypassRules.push(...proxy.bypass.split(',').map(t => t.trim()).map(t => t.startsWith('.') ? '*' + t : t)); if (!process.env.PLAYWRIGHT_DISABLE_FORCED_CHROMIUM_PROXIED_LOOPBACK && !proxyBypassRules.includes('<-loopback>')) proxyBypassRules.push('<-loopback>'); if (proxyBypassRules.length > 0) chromeArguments.push(`--proxy-bypass-list=${proxyBypassRules.join(';')}`); } chromeArguments.push(...args); return chromeArguments; } } const DEFAULT_ARGS = [ '--disable-background-networking', '--enable-features=NetworkService,NetworkServiceInProcess', '--disable-background-timer-throttling', '--disable-backgrounding-occluded-windows', '--disable-breakpad', '--disable-client-side-phishing-detection', '--disable-component-extensions-with-background-pages', '--disable-default-apps', '--disable-dev-shm-usage', '--disable-extensions', '--disable-features=ImprovedCookieControls,LazyFrameLoading,GlobalMediaControls,DestroyProfileOnBrowserClose,MediaRouter,AcceptCHFrame,AutoExpandDetailsElement', '--allow-pre-commit-input', '--disable-hang-monitor', '--disable-ipc-flooding-protection', '--disable-popup-blocking', '--disable-prompt-on-repost', '--disable-renderer-backgrounding', '--disable-sync', '--force-color-profile=srgb', '--metrics-recording-only', '--no-first-run', '--enable-automation', '--password-store=basic', '--use-mock-keychain', // See https://chromium-review.googlesource.com/c/chromium/src/+/2436773 '--no-service-autorun', '--export-tagged-pdf' ]; async function urlToWSEndpoint(progress: Progress, endpointURL: string) { if (endpointURL.startsWith('ws')) return endpointURL; progress.log(` retrieving websocket url from ${endpointURL}`); const httpURL = endpointURL.endsWith('/') ? `${endpointURL}json/version/` : `${endpointURL}/json/version/`; const request = endpointURL.startsWith('https') ? https : http; const json = await new Promise((resolve, reject) => { request.get(httpURL, resp => { if (resp.statusCode! < 200 || resp.statusCode! >= 400) { reject(new Error(`Unexpected status ${resp.statusCode} when connecting to ${httpURL}.\n` + `This does not look like a DevTools server, try connecting via ws://.`)); } let data = ''; resp.on('data', chunk => data += chunk); resp.on('end', () => resolve(data)); }).on('error', reject); }); return JSON.parse(json).webSocketDebuggerUrl; } async function seleniumErrorHandler(params: HTTPRequestParams, response: http.IncomingMessage) { const body = await streamToString(response); let message = body; try { const json = JSON.parse(body); message = json.value.localizedMessage || json.value.message; } catch (e) { } return new Error(`Error connecting to Selenium at ${params.url}: ${message}`); } function addProtocol(url: string) { if (!['ws://', 'wss://', 'http://', 'https://'].some(protocol => url.startsWith(protocol))) return 'http://' + url; return url; }