/** * 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 { options } from './playwright.fixtures'; it('should reject all promises when page is closed', async ({context}) => { const newPage = await context.newPage(); let error = null; await Promise.all([ newPage.evaluate(() => new Promise(r => {})).catch(e => error = e), newPage.close(), ]); expect(error.message).toContain('Protocol error'); }); it('should not be visible in context.pages', async ({context}) => { const newPage = await context.newPage(); expect(context.pages()).toContain(newPage); await newPage.close(); expect(context.pages()).not.toContain(newPage); }); it('should run beforeunload if asked for', async ({context, server}) => { const newPage = await context.newPage(); await newPage.goto(server.PREFIX + '/beforeunload.html'); // We have to interact with a page so that 'beforeunload' handlers // fire. await newPage.click('body'); const pageClosingPromise = newPage.close({ runBeforeUnload: true }); const dialog = await newPage.waitForEvent('dialog'); expect(dialog.type()).toBe('beforeunload'); expect(dialog.defaultValue()).toBe(''); if (options.CHROMIUM) expect(dialog.message()).toBe(''); else if (options.WEBKIT) expect(dialog.message()).toBe('Leave?'); else expect(dialog.message()).toBe('This page is asking you to confirm that you want to leave - data you have entered may not be saved.'); await dialog.accept(); await pageClosingPromise; }); it('should *not* run beforeunload by default', async ({context, server}) => { const newPage = await context.newPage(); await newPage.goto(server.PREFIX + '/beforeunload.html'); // We have to interact with a page so that 'beforeunload' handlers // fire. await newPage.click('body'); await newPage.close(); }); it('should set the page close state', async ({context}) => { const newPage = await context.newPage(); expect(newPage.isClosed()).toBe(false); await newPage.close(); expect(newPage.isClosed()).toBe(true); }); it('should terminate network waiters', async ({context, server}) => { const newPage = await context.newPage(); const results = await Promise.all([ newPage.waitForRequest(server.EMPTY_PAGE).catch(e => e), newPage.waitForResponse(server.EMPTY_PAGE).catch(e => e), newPage.close() ]); for (let i = 0; i < 2; i++) { const message = results[i].message; expect(message).toContain('Page closed'); expect(message).not.toContain('Timeout'); } }); it('should be callable twice', async ({context}) => { const newPage = await context.newPage(); await Promise.all([ newPage.close(), newPage.close(), ]); await newPage.close(); }); it('should fire load when expected', async ({page, server}) => { await Promise.all([ page.goto('about:blank'), page.waitForEvent('load'), ]); }); it('async stacks should work', async ({page, server}) => { server.setRoute('/empty.html', (req, res) => { req.socket.end(); }); let error = null; await page.goto(server.EMPTY_PAGE).catch(e => error = e); expect(error).not.toBe(null); expect(error.stack).toContain(__filename); }); it('should provide access to the opener page', async ({page}) => { const [popup] = await Promise.all([ page.waitForEvent('popup'), page.evaluate(() => window.open('about:blank')), ]); const opener = await popup.opener(); expect(opener).toBe(page); }); it('should return null if parent page has been closed', async ({page}) => { const [popup] = await Promise.all([ page.waitForEvent('popup'), page.evaluate(() => window.open('about:blank')), ]); await page.close(); const opener = await popup.opener(); expect(opener).toBe(null); }); it('should fire domcontentloaded when expected', async ({page, server}) => { const navigatedPromise = page.goto('about:blank'); await page.waitForEvent('domcontentloaded'); await navigatedPromise; }); it('should fail with error upon disconnect', async ({page, server}) => { let error; const waitForPromise = page.waitForEvent('download').catch(e => error = e); await page.close(); await waitForPromise; expect(error.message).toContain('Page closed'); }); it('page.url should work', async ({page, server}) => { expect(page.url()).toBe('about:blank'); await page.goto(server.EMPTY_PAGE); expect(page.url()).toBe(server.EMPTY_PAGE); }); it('page.url should include hashes', async ({page, server}) => { await page.goto(server.EMPTY_PAGE + '#hash'); expect(page.url()).toBe(server.EMPTY_PAGE + '#hash'); await page.evaluate(() => { window.location.hash = 'dynamic'; }); expect(page.url()).toBe(server.EMPTY_PAGE + '#dynamic'); }); it('page.title should return the page title', async ({page, server}) => { await page.goto(server.PREFIX + '/title.html'); expect(await page.title()).toBe('Woof-Woof'); }); it('page.close should work with window.close', async function({ page, context, server }) { const newPagePromise = page.waitForEvent('popup'); await page.evaluate(() => window['newPage'] = window.open('about:blank')); const newPage = await newPagePromise; const closedPromise = new Promise(x => newPage.on('close', x)); await page.evaluate(() => window['newPage'].close()); await closedPromise; }); it('page.close should work with page.close', async function({ page, context, server }) { const newPage = await context.newPage(); const closedPromise = new Promise(x => newPage.on('close', x)); await newPage.close(); await closedPromise; }); it('page.context should return the correct instance', async function({page, context}) { expect(page.context()).toBe(context); }); it('page.frame should respect name', async function({page, server}) { await page.setContent(``); expect(page.frame({ name: 'bogus' })).toBe(null); const frame = page.frame({ name: 'target' }); expect(frame).toBeTruthy(); expect(frame === page.mainFrame().childFrames()[0]).toBeTruthy(); }); it('page.frame should respect url', async function({page, server}) { await page.setContent(``); expect(page.frame({ url: /bogus/ })).toBe(null); expect(page.frame({ url: /empty/ }).url()).toBe(server.EMPTY_PAGE); }); it('should have sane user agent', async ({page}) => { const userAgent = await page.evaluate(() => navigator.userAgent); const [ part1, /* part2 */, part3, part4, part5, ] = userAgent.split(/[()]/).map(part => part.trim()); // First part is always "Mozilla/5.0" expect(part1).toBe('Mozilla/5.0'); // Second part in parenthesis is platform - ignore it. // Third part for Firefox is the last one and encodes engine and browser versions. if (options.FIREFOX) { const [engine, browser] = part3.split(' '); expect(engine.startsWith('Gecko')).toBe(true); expect(browser.startsWith('Firefox')).toBe(true); expect(part4).toBe(undefined); expect(part5).toBe(undefined); return; } // For both options.CHROMIUM and options.WEBKIT, third part is the AppleWebKit version. expect(part3.startsWith('AppleWebKit/')).toBe(true); expect(part4).toBe('KHTML, like Gecko'); // 5th part encodes real browser name and engine version. const [engine, browser] = part5.split(' '); expect(browser.startsWith('Safari/')).toBe(true); if (options.CHROMIUM) expect(engine.includes('Chrome/')).toBe(true); else expect(engine.startsWith('Version/')).toBe(true); }); it('page.press should work', async ({page, server}) => { await page.goto(server.PREFIX + '/input/textarea.html'); await page.press('textarea', 'a'); expect(await page.evaluate(() => document.querySelector('textarea').value)).toBe('a'); }); it('frame.press should work', async ({page, server}) => { await page.setContent(``); const frame = page.frame('inner'); await frame.press('textarea', 'a'); expect(await frame.evaluate(() => document.querySelector('textarea').value)).toBe('a'); }); it.fail(options.FIREFOX)('frame.focus should work multiple times', async ({ context, server }) => { const page1 = await context.newPage(); const page2 = await context.newPage(); for (const page of [page1, page2]) { await page.setContent(``); await page.focus('#foo'); expect(await page.evaluate(() => !!window['gotFocus'])).toBe(true); } });