/** * Copyright 2018 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 { contextTest as test, expect } from '../../config/browserTest'; import { playwrightTest } from '../../config/browserTest'; import http from 'http'; import fs from 'fs'; import { getUserAgent } from '../../../packages/playwright-core/lib/utils/utils'; import { suppressCertificateWarning } from '../../config/utils'; test('should create a worker from a service worker', async ({ page, server }) => { const [worker] = await Promise.all([ page.context().waitForEvent('serviceworker'), page.goto(server.PREFIX + '/serviceworkers/empty/sw.html') ]); expect(await worker.evaluate(() => self.toString())).toBe('[object ServiceWorkerGlobalScope]'); }); test('serviceWorkers() should return current workers', async ({ page, server }) => { const context = page.context(); const [worker1] = await Promise.all([ context.waitForEvent('serviceworker'), page.goto(server.PREFIX + '/serviceworkers/empty/sw.html') ]); let workers = context.serviceWorkers(); expect(workers.length).toBe(1); const [worker2] = await Promise.all([ context.waitForEvent('serviceworker'), page.goto(server.CROSS_PROCESS_PREFIX + '/serviceworkers/empty/sw.html') ]); workers = context.serviceWorkers(); expect(workers.length).toBe(2); expect(workers).toContain(worker1); expect(workers).toContain(worker2); }); test('should not create a worker from a shared worker', async ({ page, server }) => { await page.goto(server.EMPTY_PAGE); let serviceWorkerCreated; page.context().once('serviceworker', () => serviceWorkerCreated = true); await page.evaluate(() => { new SharedWorker('data:text/javascript,console.log("hi")'); }); expect(serviceWorkerCreated).not.toBeTruthy(); }); test('Page.route should work with intervention headers', async ({ server, page }) => { server.setRoute('/intervention', (req, res) => res.end(` `)); server.setRedirect('/intervention.js', '/redirect.js'); let serverRequest = null; server.setRoute('/redirect.js', (req, res) => { serverRequest = req; res.end('console.log(1);'); }); await page.route('*', route => route.continue()); await page.goto(server.PREFIX + '/intervention'); // Check for feature URL substring rather than https://www.chromestatus.com to // make it work with Edgium. expect(serverRequest.headers.intervention).toContain('feature/5718547946799104'); }); playwrightTest('should close service worker together with the context', async ({ browserType, server }) => { const browser = await browserType.launch(); const context = await browser.newContext(); const page = await context.newPage(); const [worker] = await Promise.all([ context.waitForEvent('serviceworker'), page.goto(server.PREFIX + '/serviceworkers/empty/sw.html') ]); const messages = []; context.on('close', () => messages.push('context')); worker.on('close', () => messages.push('worker')); await context.close(); expect(messages.join('|')).toBe('worker|context'); await browser.close(); }); playwrightTest('should connect to an existing cdp session', async ({ browserType }, testInfo) => { const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); try { const cdpBrowser = await browserType.connectOverCDP({ endpointURL: `http://localhost:${port}/`, }); const contexts = cdpBrowser.contexts(); expect(contexts.length).toBe(1); await cdpBrowser.close(); } finally { await browserServer.close(); } }); playwrightTest('should cleanup artifacts dir after connectOverCDP disconnects due to ws close', async ({ browserType, toImpl, mode }, testInfo) => { playwrightTest.skip(mode !== 'default'); const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); const cdpBrowser = await browserType.connectOverCDP({ endpointURL: `http://localhost:${port}/`, }); const dir = toImpl(cdpBrowser).options.artifactsDir; const exists1 = fs.existsSync(dir); await Promise.all([ new Promise(f => cdpBrowser.on('disconnected', f)), browserServer.close() ]); const exists2 = fs.existsSync(dir); expect(exists1).toBe(true); expect(exists2).toBe(false); }); playwrightTest('should connect to an existing cdp session twice', async ({ browserType, server }, testInfo) => { const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); try { const cdpBrowser1 = await browserType.connectOverCDP({ endpointURL: `http://localhost:${port}/`, }); const cdpBrowser2 = await browserType.connectOverCDP({ endpointURL: `http://localhost:${port}/`, }); const contexts1 = cdpBrowser1.contexts(); expect(contexts1.length).toBe(1); const [context1] = contexts1; const page1 = await context1.newPage(); await page1.goto(server.EMPTY_PAGE); const contexts2 = cdpBrowser2.contexts(); expect(contexts2.length).toBe(1); const [context2] = contexts2; const page2 = await context2.newPage(); await page2.goto(server.EMPTY_PAGE); expect(context1.pages().length).toBe(2); expect(context2.pages().length).toBe(2); await cdpBrowser1.close(); await cdpBrowser2.close(); } finally { await browserServer.close(); } }); playwrightTest('should connect to existing page with iframe and navigate', async ({ browserType, server }, testInfo) => { const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); try { { const context1 = await browserServer.newContext(); const page = await context1.newPage(); await page.goto(server.PREFIX + '/frames/one-frame.html'); } const cdpBrowser = await browserType.connectOverCDP(`http://localhost:${port}/`); const contexts = cdpBrowser.contexts(); expect(contexts.length).toBe(1); await contexts[0].pages()[0].goto(server.EMPTY_PAGE); await cdpBrowser.close(); } finally { await browserServer.close(); } }); playwrightTest('should connect to existing service workers', async ({ browserType, server }, testInfo) => { const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); try { const cdpBrowser1 = await browserType.connectOverCDP({ endpointURL: `http://localhost:${port}`, }); const context = cdpBrowser1.contexts()[0]; const page = await cdpBrowser1.contexts()[0].newPage(); const [worker] = await Promise.all([ context.waitForEvent('serviceworker'), page.goto(server.PREFIX + '/serviceworkers/empty/sw.html') ]); expect(await worker.evaluate(() => self.toString())).toBe('[object ServiceWorkerGlobalScope]'); await cdpBrowser1.close(); const cdpBrowser2 = await browserType.connectOverCDP({ endpointURL: `http://localhost:${port}`, }); const context2 = cdpBrowser2.contexts()[0]; expect(context2.serviceWorkers().length).toBe(1); await cdpBrowser2.close(); } finally { await browserServer.close(); } }); playwrightTest('should connect over a ws endpoint', async ({ browserType, server }, testInfo) => { const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); try { const json = await new Promise((resolve, reject) => { http.get(`http://localhost:${port}/json/version/`, resp => { let data = ''; resp.on('data', chunk => data += chunk); resp.on('end', () => resolve(data)); }).on('error', reject); }); const cdpBrowser = await browserType.connectOverCDP({ endpointURL: JSON.parse(json).webSocketDebuggerUrl, }); const contexts = cdpBrowser.contexts(); expect(contexts.length).toBe(1); await cdpBrowser.close(); // also connect with the depercreated wsEndpoint option const cdpBrowser2 = await browserType.connectOverCDP({ wsEndpoint: JSON.parse(json).webSocketDebuggerUrl, }); const contexts2 = cdpBrowser2.contexts(); expect(contexts2.length).toBe(1); await cdpBrowser2.close(); } finally { await browserServer.close(); } }); playwrightTest('should send extra headers with connect request', async ({ browserType, server }, testInfo) => { { const [request] = await Promise.all([ server.waitForWebSocketConnectionRequest(), browserType.connectOverCDP({ wsEndpoint: `ws://localhost:${server.PORT}/ws`, headers: { 'User-Agent': 'Playwright', 'foo': 'bar', }, timeout: 100, }).catch(() => {}) ]); expect(request.headers['user-agent']).toBe('Playwright'); expect(request.headers['foo']).toBe('bar'); } { const [request] = await Promise.all([ server.waitForWebSocketConnectionRequest(), browserType.connectOverCDP({ endpointURL: `ws://localhost:${server.PORT}/ws`, headers: { 'User-Agent': 'Playwright', 'foo': 'bar', }, timeout: 100, }).catch(() => {}) ]); expect(request.headers['user-agent']).toBe('Playwright'); expect(request.headers['foo']).toBe('bar'); } }); playwrightTest('should send default User-Agent header with connect request', async ({ browserType, server }, testInfo) => { { const [request] = await Promise.all([ server.waitForWebSocketConnectionRequest(), browserType.connectOverCDP({ wsEndpoint: `ws://localhost:${server.PORT}/ws`, headers: { 'foo': 'bar', }, timeout: 100, }).catch(() => {}) ]); expect(request.headers['user-agent']).toBe(getUserAgent()); expect(request.headers['foo']).toBe('bar'); } }); playwrightTest('should report all pages in an existing browser', async ({ browserType }, testInfo) => { const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); try { const cdpBrowser = await browserType.connectOverCDP({ endpointURL: `http://localhost:${port}/`, }); const contexts = cdpBrowser.contexts(); expect(contexts.length).toBe(1); for (let i = 0; i < 3; i++) await contexts[0].newPage(); await cdpBrowser.close(); const cdpBrowser2 = await browserType.connectOverCDP({ endpointURL: `http://localhost:${port}/`, }); expect(cdpBrowser2.contexts()[0].pages().length).toBe(3); await cdpBrowser2.close(); } finally { await browserServer.close(); } }); playwrightTest('should connect via https', async ({ browserType, httpsServer, mode }, testInfo) => { test.skip(mode !== 'default'); // Out of process transport does not allow us to set env vars dynamically. const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); const json = await new Promise((resolve, reject) => { http.get(`http://localhost:${port}/json/version/`, resp => { let data = ''; resp.on('data', chunk => data += chunk); resp.on('end', () => resolve(data)); }).on('error', reject); }); httpsServer.setRoute('/json/version/', (req, res) => { res.writeHead(200); res.end(json); }); const oldValue = process.env['NODE_TLS_REJECT_UNAUTHORIZED']; // https://stackoverflow.com/a/21961005/552185 process.env['NODE_TLS_REJECT_UNAUTHORIZED'] = '0'; suppressCertificateWarning(); try { const cdpBrowser = await browserType.connectOverCDP(`https://localhost:${httpsServer.PORT}/`); const contexts = cdpBrowser.contexts(); expect(contexts.length).toBe(1); for (let i = 0; i < 3; i++) await contexts[0].newPage(); await cdpBrowser.close(); } finally { process.env['NODE_TLS_REJECT_UNAUTHORIZED'] = oldValue; await browserServer.close(); } }); playwrightTest('should return valid browser from context.browser()', async ({ browserType }, testInfo) => { const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); try { const cdpBrowser = await browserType.connectOverCDP({ endpointURL: `http://localhost:${port}/`, }); const contexts = cdpBrowser.contexts(); expect(contexts.length).toBe(1); expect(contexts[0].browser()).toBe(cdpBrowser); const context2 = await cdpBrowser.newContext(); expect(context2.browser()).toBe(cdpBrowser); await cdpBrowser.close(); } finally { await browserServer.close(); } }); test('should report an expected error when the endpointURL returns a non-expected status code', async ({ browserType, server }) => { server.setRoute('/json/version/', (req, resp) => { resp.statusCode = 404; resp.end(JSON.stringify({ webSocketDebuggerUrl: 'dont-use-me', })); }); await expect(browserType.connectOverCDP({ endpointURL: server.PREFIX, })).rejects.toThrowError(`browserType.connectOverCDP: Unexpected status 404 when connecting to ${server.PREFIX}/json/version/`); }); test('should report an expected error when the endpoint URL JSON webSocketDebuggerUrl is undefined', async ({ browserType, server }) => { server.setRoute('/json/version/', (req, resp) => { resp.end(JSON.stringify({ webSocketDebuggerUrl: undefined, })); }); await expect(browserType.connectOverCDP({ endpointURL: server.PREFIX, })).rejects.toThrowError('browserType.connectOverCDP: Invalid URL'); }); playwrightTest('should connect to an existing cdp session when passed as a first argument', async ({ browserType }, testInfo) => { const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port] }); try { const cdpBrowser = await browserType.connectOverCDP(`http://localhost:${port}/`); const contexts = cdpBrowser.contexts(); expect(contexts.length).toBe(1); await cdpBrowser.close(); } finally { await browserServer.close(); } }); playwrightTest('should use proxy with connectOverCDP', async ({ browserType, server }, testInfo) => { server.setRoute('/target.html', async (req, res) => { res.end('Served by the proxy'); }); const port = 9339 + testInfo.workerIndex; const browserServer = await browserType.launch({ args: ['--remote-debugging-port=' + port, ...(process.platform === 'win32' ? ['--proxy-server=some-value'] : [])] }); try { const cdpBrowser = await browserType.connectOverCDP(`http://localhost:${port}/`); const context = await cdpBrowser.newContext({ proxy: { server: `localhost:${server.PORT}` } }); const page = await context.newPage(); await page.goto('http://non-existent.com/target.html'); expect(await page.title()).toBe('Served by the proxy'); await cdpBrowser.close(); } finally { await browserServer.close(); } }); playwrightTest('should pass args with spaces', async ({ browserType, createUserDataDir }, testInfo) => { const browser = await browserType.launchPersistentContext(await createUserDataDir(), { args: ['--user-agent=I am Foo'] }); const page = await browser.newPage(); const userAgent = await page.evaluate(() => navigator.userAgent); await browser.close(); expect(userAgent).toBe('I am Foo'); });