/** * Copyright 2018 Google Inc. All rights reserved. * * 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. */ const { waitEvent } = require('../utils'); module.exports.describe = function({testRunner, expect, playwright, FFOX, CHROMIUM, WEBKIT}) { const {describe, xdescribe, fdescribe} = testRunner; const {it, fit, xit, dit} = testRunner; const {beforeAll, beforeEach, afterAll, afterEach} = testRunner; describe('Target', function() { it('Chromium.targets should return all of the targets', async({page, server, browser}) => { // The pages will be the testing page and the original newtab page const targets = browser.targets(); expect(targets.some(target => target.type() === 'page' && target.url() === 'about:blank')).toBeTruthy('Missing blank page'); expect(targets.some(target => target.type() === 'browser')).toBeTruthy('Missing browser target'); }); it('Browser.pages should return all of the pages', async({page, server, context}) => { // The pages will be the testing page const allPages = await context.pages(); expect(allPages.length).toBe(1); expect(allPages).toContain(page); expect(allPages[0]).not.toBe(allPages[1]); }); it('should contain browser target', async({browser}) => { const targets = browser.targets(); const browserTarget = targets.find(target => target.type() === 'browser'); expect(browserTarget).toBe(browser.browserTarget()); }); it('should be able to use the default page in the browser', async({page, server, browser}) => { // The pages will be the testing page and the original newtab page const originalPage = (await browser.defaultContext().pages())[0]; expect(await originalPage.evaluate(() => ['Hello', 'world'].join(' '))).toBe('Hello world'); expect(await originalPage.$('body')).toBeTruthy(); }); it('should report when a new page is created and closed', async({browser, page, server, context}) => { const [otherPage] = await Promise.all([ browser.waitForTarget(target => target.url() === server.CROSS_PROCESS_PREFIX + '/empty.html').then(target => target.page()), page.evaluate(url => window.open(url), server.CROSS_PROCESS_PREFIX + '/empty.html'), ]); expect(otherPage.url()).toContain(server.CROSS_PROCESS_PREFIX); expect(await otherPage.evaluate(() => ['Hello', 'world'].join(' '))).toBe('Hello world'); expect(await otherPage.$('body')).toBeTruthy(); let allPages = await context.pages(); expect(allPages).toContain(page); expect(allPages).toContain(otherPage); const closePagePromise = new Promise(fulfill => browser.once('targetdestroyed', target => fulfill(target.page()))); await otherPage.close(); expect(await closePagePromise).toBe(otherPage); allPages = await Promise.all(browser.targets().map(target => target.page())); expect(allPages).toContain(page); expect(allPages).not.toContain(otherPage); }); it('should report when a service worker is created and destroyed', async({browser, page, server, context}) => { await page.goto(server.EMPTY_PAGE); const createdTarget = new Promise(fulfill => browser.once('targetcreated', target => fulfill(target))); await page.goto(server.PREFIX + '/serviceworkers/empty/sw.html'); expect((await createdTarget).type()).toBe('service_worker'); expect((await createdTarget).url()).toBe(server.PREFIX + '/serviceworkers/empty/sw.js'); const destroyedTarget = new Promise(fulfill => browser.once('targetdestroyed', target => fulfill(target))); await page.evaluate(() => window.registrationPromise.then(registration => registration.unregister())); expect(await destroyedTarget).toBe(await createdTarget); }); it('should create a worker from a service worker', async({browser, page, server, context}) => { await page.goto(server.PREFIX + '/serviceworkers/empty/sw.html'); const target = await browser.waitForTarget(target => target.type() === 'service_worker'); const worker = await browser.serviceWorker(target); expect(await worker.evaluate(() => self.toString())).toBe('[object ServiceWorkerGlobalScope]'); }); it('should create a worker from a shared worker', async({browser, page, server, context}) => { await page.goto(server.EMPTY_PAGE); await page.evaluate(() => { new SharedWorker('data:text/javascript,console.log("hi")'); }); const target = await browser.waitForTarget(target => target.type() === 'shared_worker'); const worker = await browser.serviceWorker(target); expect(await worker.evaluate(() => self.toString())).toBe('[object SharedWorkerGlobalScope]'); }); it('should report when a target url changes', async({browser, page, server, context}) => { await page.goto(server.EMPTY_PAGE); let changedTarget = new Promise(fulfill => browser.once('targetchanged', target => fulfill(target))); await page.goto(server.CROSS_PROCESS_PREFIX + '/'); expect((await changedTarget).url()).toBe(server.CROSS_PROCESS_PREFIX + '/'); changedTarget = new Promise(fulfill => browser.once('targetchanged', target => fulfill(target))); await page.goto(server.EMPTY_PAGE); expect((await changedTarget).url()).toBe(server.EMPTY_PAGE); }); it('should not report uninitialized pages', async({browser, page, server, context}) => { let targetChanged = false; const listener = () => targetChanged = true; browser.on('targetchanged', listener); const targetPromise = new Promise(fulfill => browser.once('targetcreated', target => fulfill(target))); const newPagePromise = context.newPage(); const target = await targetPromise; expect(target.url()).toBe('about:blank'); const newPage = await newPagePromise; const targetPromise2 = new Promise(fulfill => browser.once('targetcreated', target => fulfill(target))); const evaluatePromise = newPage.evaluate(() => window.open('about:blank')); const target2 = await targetPromise2; expect(target2.url()).toBe('about:blank'); await evaluatePromise; await newPage.close(); expect(targetChanged).toBe(false, 'target should not be reported as changed'); browser.removeListener('targetchanged', listener); }); it('should not crash while redirecting if original request was missed', async({browser, page, server, context}) => { let serverResponse = null; server.setRoute('/one-style.css', (req, res) => serverResponse = res); // Open a new page. Use window.open to connect to the page later. await Promise.all([ page.evaluate(url => window.open(url), server.PREFIX + '/one-style.html'), server.waitForRequest('/one-style.css') ]); // Connect to the opened page. const target = await browser.waitForTarget(target => target.url().includes('one-style.html')); const newPage = await target.page(); // Issue a redirect. serverResponse.writeHead(302, { location: '/injectedstyle.css' }); serverResponse.end(); // Wait for the new page to load. await waitEvent(newPage, 'load'); // Cleanup. await newPage.close(); }); it('should have an opener', async({browser, page, server, context}) => { await page.goto(server.EMPTY_PAGE); const [createdTarget] = await Promise.all([ new Promise(fulfill => browser.once('targetcreated', target => fulfill(target))), page.goto(server.PREFIX + '/popup/window-open.html') ]); expect((await createdTarget.page()).url()).toBe(server.PREFIX + '/popup/popup.html'); expect(createdTarget.opener()).toBe(browser.pageTarget(page)); expect(browser.pageTarget(page).opener()).toBe(null); }); it('should close all belonging targets once closing context', async function({browser, newContext}) { const targets = async () => (await browser.targets()).filter(t => t.type() === 'page'); // There is one page in a default profile and one page created by test harness. expect((await targets()).length).toBe(2); const context = await newContext(); await context.newPage(); expect((await targets()).length).toBe(3); expect((await context.pages()).length).toBe(1); await context.close(); expect((await targets()).length).toBe(2); }); }); describe('Chromium.waitForTarget', () => { it('should wait for a target', async function({browser, server, newContext}) { const context = await newContext(); let resolved = false; const targetPromise = browser.waitForTarget(target => target.browserContext() === context && target.url() === server.EMPTY_PAGE); targetPromise.then(() => resolved = true); const page = await context.newPage(); expect(resolved).toBe(false); await page.goto(server.EMPTY_PAGE); const target = await targetPromise; expect(await target.page()).toBe(page); }); it('should timeout waiting for a non-existent target', async function({browser, server, newContext}) { const context = await newContext(); const error = await browser.waitForTarget(target => target.browserContext() === context && target.url() === server.EMPTY_PAGE, {timeout: 1}).catch(e => e); expect(error).toBeInstanceOf(playwright.errors.TimeoutError); await context.close(); }); it('should wait for a target', async function({browser, server}) { let resolved = false; const targetPromise = browser.waitForTarget(target => target.url() === server.EMPTY_PAGE); targetPromise.then(() => resolved = true); const page = await browser.defaultContext().newPage(); expect(resolved).toBe(false); await page.goto(server.EMPTY_PAGE); const target = await targetPromise; expect(await target.page()).toBe(page); await page.close(); }); it('should timeout waiting for a non-existent target', async function({browser, server}) { let error = null; await browser.waitForTarget(target => target.url() === server.EMPTY_PAGE, { timeout: 1 }).catch(e => error = e); expect(error).toBeInstanceOf(playwright.errors.TimeoutError); }); it('should fire target events', async function({browser, newContext, server}) { const context = await newContext(); const events = []; browser.on('targetcreated', target => events.push('CREATED: ' + target.url())); browser.on('targetchanged', target => events.push('CHANGED: ' + target.url())); browser.on('targetdestroyed', target => events.push('DESTROYED: ' + target.url())); const page = await context.newPage(); await page.goto(server.EMPTY_PAGE); await page.close(); expect(events).toEqual([ 'CREATED: about:blank', `CHANGED: ${server.EMPTY_PAGE}`, `DESTROYED: ${server.EMPTY_PAGE}` ]); }); }); describe('Chromium-Specific Page Tests', function() { it('Page.setRequestInterception 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.setRequestInterception(true); page.on('request', request => request.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'); }); }); };