/** * 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 type { Route, Request } from 'playwright-core'; import { expect, test as base } from './pageTest'; import fs from 'fs'; import path from 'path'; // We access test servers at 10.0.2.2 from inside the browser on Android, // which is actually forwarded to the desktop localhost. // To use request such an url with apiRequestContext on the desktop, we need to change it back to localhost. const it = base.extend<{ rewriteAndroidLoopbackURL(url: string): string }>({ rewriteAndroidLoopbackURL: ({ isAndroid }, use) => use(givenURL => { if (!isAndroid) return givenURL; const requestURL = new URL(givenURL); requestURL.hostname = 'localhost'; return requestURL.toString(); }) }); it('should fulfill intercepted response', async ({ page, server, isElectron, isAndroid }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); await page.route('**/*', async route => { const response = await page.request.fetch(route.request()); await route.fulfill({ response, status: 201, headers: { foo: 'bar' }, contentType: 'text/plain', body: 'Yo, page!' }); }); const response = await page.goto(server.PREFIX + '/empty.html'); expect(response.status()).toBe(201); expect(response.headers().foo).toBe('bar'); expect(response.headers()['content-type']).toBe('text/plain'); expect(await page.evaluate(() => document.body.textContent)).toBe('Yo, page!'); }); it('should fulfill response with empty body', async ({ page, server, isAndroid, isElectron, browserName, browserMajorVersion }) => { it.skip(browserName === 'chromium' && browserMajorVersion <= 91, 'Fails in Electron that uses old Chromium'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); it.skip(isElectron, 'Protocol error (Storage.getCookies): Browser context management is not supported.'); await page.route('**/*', async route => { const response = await page.request.fetch(route.request()); await route.fulfill({ response, headers: { 'content-length': '0' }, status: 201, body: '' }); }); const response = await page.goto(server.PREFIX + '/title.html'); expect(response.status()).toBe(201); expect(await response.text()).toBe(''); }); it('should override with defaults when intercepted response not provided', async ({ page, server, browserName, isElectron, isAndroid }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); server.setRoute('/empty.html', (req, res) => { res.setHeader('foo', 'bar'); res.end('my content'); }); await page.route('**/*', async route => { await page.request.fetch(route.request()); await route.fulfill({ status: 201, }); }); const response = await page.goto(server.EMPTY_PAGE); expect(response.status()).toBe(201); expect(await response.text()).toBe(''); if (browserName === 'webkit') expect(response.headers()).toEqual({ 'content-type': 'text/plain' }); else expect(response.headers()).toEqual({ }); }); it('should fulfill with any response', async ({ page, server, isElectron, rewriteAndroidLoopbackURL }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); server.setRoute('/sample', (req, res) => { res.setHeader('foo', 'bar'); res.end('Woo-hoo'); }); const sampleResponse = await page.request.get(rewriteAndroidLoopbackURL(`${server.PREFIX}/sample`)); await page.route('**/*', async route => { await route.fulfill({ response: sampleResponse, status: 201, contentType: 'text/plain' }); }); const response = await page.goto(server.EMPTY_PAGE); expect(response.status()).toBe(201); expect(await response.text()).toBe('Woo-hoo'); expect(response.headers()['foo']).toBe('bar'); }); it('should support fulfill after intercept', async ({ page, server, isElectron, isAndroid }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); const requestPromise = server.waitForRequest('/title.html'); await page.route('**', async route => { const response = await page.request.fetch(route.request()); await route.fulfill({ response }); }); const response = await page.goto(server.PREFIX + '/title.html'); const request = await requestPromise; expect(request.url).toBe('/title.html'); const original = await fs.promises.readFile(path.join(__dirname, '..', 'assets', 'title.html'), 'utf8'); expect(await response.text()).toBe(original); }); it('should give access to the intercepted response', async ({ page, server, isElectron, isAndroid }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); await page.goto(server.EMPTY_PAGE); let routeCallback; const routePromise = new Promise(f => routeCallback = f); await page.route('**/title.html', routeCallback); const evalPromise = page.evaluate(url => fetch(url), server.PREFIX + '/title.html'); const route = await routePromise; const response = await page.request.fetch(route.request()); expect(response.status()).toBe(200); expect(response.statusText()).toBe('OK'); expect(response.ok()).toBeTruthy(); expect(response.url().endsWith('/title.html')).toBe(true); expect(response.headers()['content-type']).toBe('text/html; charset=utf-8'); expect(response.headersArray().filter(({ name }) => name.toLowerCase() === 'content-type')).toEqual([{ name: 'Content-Type', value: 'text/html; charset=utf-8' }]); await Promise.all([route.fulfill({ response }), evalPromise]); }); it('should give access to the intercepted response body', async ({ page, server, isElectron, isAndroid }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); await page.goto(server.EMPTY_PAGE); let routeCallback; const routePromise = new Promise(f => routeCallback = f); await page.route('**/simple.json', routeCallback); const evalPromise = page.evaluate(url => fetch(url), server.PREFIX + '/simple.json').catch(() => {}); const route = await routePromise; const response = await page.request.fetch(route.request()); expect(await response.text()).toBe('{"foo": "bar"}\n'); await Promise.all([route.fulfill({ response }), evalPromise]); }); it('should intercept multipart/form-data request body', async ({ page, server, asset, browserName }) => { it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/14624' }); it.fail(browserName !== 'firefox'); await page.goto(server.PREFIX + '/input/fileupload.html'); const filePath = path.relative(process.cwd(), asset('file-to-upload.txt')); await page.locator('input[type=file]').setInputFiles(filePath); const requestPromise = new Promise(async fulfill => { await page.route('**/upload', route => { fulfill(route.request()); }); }); const [request] = await Promise.all([ requestPromise, page.click('input[type=submit]', { noWaitAfter: true }) ]); expect(request.method()).toBe('POST'); expect(request.postData()).toContain(fs.readFileSync(filePath, 'utf8')); }); it('should fulfill intercepted response using alias', async ({ page, server, isElectron, isAndroid }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); await page.route('**/*', async route => { const response = await route.fetch(); await route.fulfill({ response }); }); const response = await page.goto(server.PREFIX + '/empty.html'); expect(response.status()).toBe(200); expect(response.headers()['content-type']).toContain('text/html'); }); it('should not follow redirects when maxRedirects is set to 0 in route.fetch', async ({ page, server, isAndroid, isElectron }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); server.setRedirect('/foo', '/empty.html'); await page.route('**/*', async route => { const response = await route.fetch({ maxRedirects: 0 }); expect(response.headers()['location']).toBe('/empty.html'); expect(response.status()).toBe(302); await route.fulfill({ body: 'hello' }); }); await page.goto(server.PREFIX + '/foo'); expect(await page.content()).toContain('hello'); }); it('should intercept with url override', async ({ page, server, isElectron, isAndroid }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); await page.route('**/*.html', async route => { const response = await route.fetch({ url: server.PREFIX + '/one-style.html' }); await route.fulfill({ response }); }); const response = await page.goto(server.PREFIX + '/empty.html'); expect(response.status()).toBe(200); expect((await response.body()).toString()).toContain('one-style.css'); }); it('should intercept with post data override', async ({ page, server, isElectron, isAndroid }) => { it.fixme(isElectron, 'error: Browser context management is not supported.'); it.skip(isAndroid, 'The internal Android localhost (10.0.0.2) != the localhost on the host'); const requestPromise = server.waitForRequest('/empty.html'); await page.route('**/*.html', async route => { const response = await route.fetch({ postData: { 'foo': 'bar' }, }); await route.fulfill({ response }); }); await page.goto(server.PREFIX + '/empty.html'); const request = await requestPromise; expect((await request.postBody).toString()).toBe(JSON.stringify({ 'foo': 'bar' })); });