/** * 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 { test as it, expect } from './pageTest'; import { globToRegex } from '../../packages/playwright-core/lib/utils/isomorphic/urlMatch'; import vm from 'vm'; it('should work with navigation @smoke', async ({ page, server }) => { const requests = new Map(); await page.route('**/*', route => { requests.set(route.request().url().split('/').pop(), route.request()); void route.continue(); }); server.setRedirect('/rrredirect', '/frames/one-frame.html'); await page.goto(server.PREFIX + '/rrredirect'); expect(requests.get('rrredirect').isNavigationRequest()).toBe(true); expect(requests.get('frame.html').isNavigationRequest()).toBe(true); expect(requests.get('script.js').isNavigationRequest()).toBe(false); expect(requests.get('style.css').isNavigationRequest()).toBe(false); }); it('should intercept after a service worker', async ({ page, server, browserName, isAndroid }) => { it.skip(isAndroid); await page.goto(server.PREFIX + '/serviceworkers/fetchdummy/sw.html'); await page.evaluate(() => window['activationPromise']); // Sanity check. const swResponse = await page.evaluate(() => window['fetchDummy']('foo')); expect(swResponse).toBe('responseFromServiceWorker:foo'); await page.route('**/foo', route => { const slash = route.request().url().lastIndexOf('/'); const name = route.request().url().substring(slash + 1); void route.fulfill({ status: 200, contentType: 'text/css', body: 'responseFromInterception:' + name }); }); // Page route is applied after service worker fetch event. const swResponse2 = await page.evaluate(() => window['fetchDummy']('foo')); expect(swResponse2).toBe('responseFromServiceWorker:foo'); // Page route is not applied to service worker initiated fetch. const nonInterceptedResponse = await page.evaluate(() => window['fetchDummy']('passthrough')); expect(nonInterceptedResponse).toBe('FAILURE: Not Found'); // Firefox does not want to fetch the redirect for some reason. if (browserName !== 'firefox') { // Page route is not applied to service worker initiated fetch with redirect. server.setRedirect('/serviceworkers/fetchdummy/passthrough', '/simple.json'); const redirectedResponse = await page.evaluate(() => window['fetchDummy']('passthrough')); expect(redirectedResponse).toBe('{"foo": "bar"}\n'); } }); it('should work with glob', async () => { expect(globToRegex('**/*.js').test('https://localhost:8080/foo.js')).toBeTruthy(); expect(globToRegex('**/*.css').test('https://localhost:8080/foo.js')).toBeFalsy(); expect(globToRegex('*.js').test('https://localhost:8080/foo.js')).toBeFalsy(); expect(globToRegex('https://**/*.js').test('https://localhost:8080/foo.js')).toBeTruthy(); expect(globToRegex('http://localhost:8080/simple/path.js').test('http://localhost:8080/simple/path.js')).toBeTruthy(); expect(globToRegex('http://localhost:8080/?imple/path.js').test('http://localhost:8080/Simple/path.js')).toBeTruthy(); expect(globToRegex('**/{a,b}.js').test('https://localhost:8080/a.js')).toBeTruthy(); expect(globToRegex('**/{a,b}.js').test('https://localhost:8080/b.js')).toBeTruthy(); expect(globToRegex('**/{a,b}.js').test('https://localhost:8080/c.js')).toBeFalsy(); expect(globToRegex('**/*.{png,jpg,jpeg}').test('https://localhost:8080/c.jpg')).toBeTruthy(); expect(globToRegex('**/*.{png,jpg,jpeg}').test('https://localhost:8080/c.jpeg')).toBeTruthy(); expect(globToRegex('**/*.{png,jpg,jpeg}').test('https://localhost:8080/c.png')).toBeTruthy(); expect(globToRegex('**/*.{png,jpg,jpeg}').test('https://localhost:8080/c.css')).toBeFalsy(); expect(globToRegex('foo*').test('foo.js')).toBeTruthy(); expect(globToRegex('foo*').test('foo/bar.js')).toBeFalsy(); expect(globToRegex('http://localhost:3000/signin-oidc*').test('http://localhost:3000/signin-oidc/foo')).toBeFalsy(); expect(globToRegex('http://localhost:3000/signin-oidc*').test('http://localhost:3000/signin-oidcnice')).toBeTruthy(); expect(globToRegex('**/three-columns/settings.html?**id=[a-z]**').test('http://mydomain:8080/blah/blah/three-columns/settings.html?id=settings-e3c58efe-02e9-44b0-97ac-dd138100cf7c&blah')).toBeTruthy(); expect(globToRegex('\\?')).toEqual(/^\?$/); expect(globToRegex('\\')).toEqual(/^\\$/); expect(globToRegex('\\\\')).toEqual(/^\\$/); expect(globToRegex('\\[')).toEqual(/^\[$/); expect(globToRegex('[a-z]')).toEqual(/^[a-z]$/); expect(globToRegex('$^+.\\*()|\\?\\{\\}\\[\\]')).toEqual(/^\$\^\+\.\*\(\)\|\?\{\}\[\]$/); }); it('should intercept network activity from worker', async function({ page, server, isAndroid }) { it.skip(isAndroid); await page.goto(server.EMPTY_PAGE); server.setRoute('/data_for_worker', (req, res) => res.end('failed to intercept')); const url = server.PREFIX + '/data_for_worker'; await page.route(url, route => { route.fulfill({ status: 200, body: 'intercepted', }).catch(e => null); }); const [msg] = await Promise.all([ page.waitForEvent('console'), page.evaluate(url => new Worker(URL.createObjectURL(new Blob([` fetch("${url}").then(response => response.text()).then(console.log); `], { type: 'application/javascript' }))), url), ]); expect(msg.text()).toBe('intercepted'); }); it('should intercept worker requests when enabled after worker creation', { annotation: { type: 'issue', description: 'https://github.com/microsoft/playwright/issues/32355' } }, async ({ page, server, isAndroid, browserName, browserMajorVersion }) => { it.skip(isAndroid); it.skip(browserName === 'chromium' && browserMajorVersion < 130, 'fixed in Chromium 130'); it.fixme(browserName === 'chromium', 'requires PlzDedicatedWorker to be enabled'); await page.goto(server.EMPTY_PAGE); server.setRoute('/data_for_worker', (req, res) => res.end('failed to intercept')); const url = server.PREFIX + '/data_for_worker'; await Promise.all([ page.waitForEvent('worker'), page.evaluate(url => { (window as any).w = new Worker(URL.createObjectURL(new Blob([` onmessage = function(e) { fetch("${url}").then(response => response.text()).then(console.log); }; `], { type: 'application/javascript' }))); }, url), ]); // Install the route **after** the worker has been created. await page.route(url, route => { route.fulfill({ status: 200, body: 'intercepted', }).catch(e => null); }); const [msg] = await Promise.all([ page.waitForEvent('console'), page.evaluate(() => (window as any).w.postMessage('')) ]); expect(msg.text()).toBe('intercepted'); }); it('should intercept network activity from worker 2', { annotation: { type: 'issue', description: 'https://github.com/microsoft/playwright/issues/31747' } }, async ({ page, server, isAndroid }) => { it.skip(isAndroid); const url = server.PREFIX + '/worker/worker.js'; await page.route(url, route => { route.fulfill({ status: 200, body: 'console.log("intercepted");', contentType: 'application/javascript', }).catch(e => null); }); const [msg] = await Promise.all([ page.waitForEvent('console'), page.goto(server.PREFIX + '/worker/worker.html'), ]); expect(msg.text()).toBe('intercepted'); }); it('should work with regular expression passed from a different context', async ({ page, server }) => { const ctx = vm.createContext(); const regexp = vm.runInContext('new RegExp("empty\\.html")', ctx); let intercepted = false; await page.route(regexp, (route, request) => { expect(route.request()).toBe(request); expect(request.url()).toContain('empty.html'); expect(request.headers()['user-agent']).toBeTruthy(); expect(request.method()).toBe('GET'); expect(request.postData()).toBe(null); expect(request.isNavigationRequest()).toBe(true); expect(request.resourceType()).toBe('document'); expect(request.frame() === page.mainFrame()).toBe(true); expect(request.frame().url()).toBe('about:blank'); void route.continue(); intercepted = true; }); const response = await page.goto(server.EMPTY_PAGE); expect(response.ok()).toBe(true); expect(intercepted).toBe(true); }); it('should not break remote worker importScripts', async ({ page, server }) => { await page.route('**', async route => { await route.continue(); }); await page.goto(server.PREFIX + '/worker/worker-http-import.html'); await page.waitForSelector("#status:has-text('finished')"); }); it('should disable memory cache when intercepting', async ({ page, server }) => { let interceted = 0; await page.route('**/page.html', route => { ++interceted; void route.fulfill({ body: 'success' }); }); await page.goto(server.PREFIX + '/page.html'); expect(await page.locator('body').textContent()).toContain('success'); await page.goto(server.EMPTY_PAGE); await expect(page).toHaveURL(server.EMPTY_PAGE); expect(interceted).toBe(1); await page.goBack(); await expect(page).toHaveURL(server.PREFIX + '/page.html'); expect(interceted).toBe(2); }); it('should intercept blob url requests', async function({ page, server, browserName }) { it.fixme(browserName !== 'webkit'); await page.goto(server.EMPTY_PAGE); await page.route('**/*', route => { route.fulfill({ status: 200, body: 'intercepted', }).catch(e => null); }); page.on('console', msg => console.log(msg.text())); const response = await page.evaluate(async () => { const blobUrl = URL.createObjectURL(new Blob(['failed to intercept'], { type: 'text/plain' })); return await fetch(blobUrl).then(response => response.text()); }); expect(response).toBe('intercepted'); });