2020-08-05 01:09:24 +03:00
|
|
|
/**
|
|
|
|
|
* 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.
|
|
|
|
|
*/
|
2020-08-20 07:32:12 +03:00
|
|
|
|
2021-05-06 17:08:22 +03:00
|
|
|
import { test as it, expect } from './pageTest';
|
2020-08-05 01:09:24 +03:00
|
|
|
|
|
|
|
|
const expectedOutput = '<html><head></head><body><div>hello</div></body></html>';
|
2020-08-14 17:22:54 +03:00
|
|
|
|
2021-12-30 05:51:28 +03:00
|
|
|
it('should work #smoke', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
await page.setContent('<div>hello</div>');
|
|
|
|
|
const result = await page.content();
|
|
|
|
|
expect(result).toBe(expectedOutput);
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should work with domcontentloaded', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
await page.setContent('<div>hello</div>', { waitUntil: 'domcontentloaded' });
|
|
|
|
|
const result = await page.content();
|
|
|
|
|
expect(result).toBe(expectedOutput);
|
|
|
|
|
});
|
|
|
|
|
|
2021-11-02 03:12:19 +03:00
|
|
|
it('should work with commit', async ({ page }) => {
|
|
|
|
|
await page.setContent('<div>hello</div>', { waitUntil: 'commit' });
|
|
|
|
|
const result = await page.content();
|
|
|
|
|
expect(result).toBe(expectedOutput);
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should work with doctype', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
const doctype = '<!DOCTYPE html>';
|
|
|
|
|
await page.setContent(`${doctype}<div>hello</div>`);
|
|
|
|
|
const result = await page.content();
|
|
|
|
|
expect(result).toBe(`${doctype}${expectedOutput}`);
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should work with HTML 4 doctype', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" ' +
|
|
|
|
|
'"http://www.w3.org/TR/html4/strict.dtd">';
|
|
|
|
|
await page.setContent(`${doctype}<div>hello</div>`);
|
|
|
|
|
const result = await page.content();
|
|
|
|
|
expect(result).toBe(`${doctype}${expectedOutput}`);
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should respect timeout', async ({ page, server, playwright }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
const imgPath = '/img.png';
|
|
|
|
|
// stall for image
|
|
|
|
|
server.setRoute(imgPath, (req, res) => {});
|
|
|
|
|
let error = null;
|
2021-09-27 19:58:08 +03:00
|
|
|
await page.setContent(`<img src="${server.PREFIX + imgPath}"></img>`, { timeout: 1 }).catch(e => error = e);
|
2020-08-05 01:09:24 +03:00
|
|
|
expect(error).toBeInstanceOf(playwright.errors.TimeoutError);
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should respect default navigation timeout', async ({ page, server, playwright }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
page.setDefaultNavigationTimeout(1);
|
|
|
|
|
const imgPath = '/img.png';
|
|
|
|
|
// stall for image
|
|
|
|
|
server.setRoute(imgPath, (req, res) => {});
|
|
|
|
|
const error = await page.setContent(`<img src="${server.PREFIX + imgPath}"></img>`).catch(e => e);
|
|
|
|
|
expect(error.message).toContain('page.setContent: Timeout 1ms exceeded.');
|
|
|
|
|
expect(error).toBeInstanceOf(playwright.errors.TimeoutError);
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should await resources to load', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
const imgPath = '/img.png';
|
|
|
|
|
let imgResponse = null;
|
|
|
|
|
server.setRoute(imgPath, (req, res) => imgResponse = res);
|
|
|
|
|
let loaded = false;
|
|
|
|
|
const contentPromise = page.setContent(`<img src="${server.PREFIX + imgPath}"></img>`).then(() => loaded = true);
|
|
|
|
|
await server.waitForRequest(imgPath);
|
|
|
|
|
expect(loaded).toBe(false);
|
|
|
|
|
imgResponse.end();
|
|
|
|
|
await contentPromise;
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should work fast enough', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
for (let i = 0; i < 20; ++i)
|
|
|
|
|
await page.setContent('<div>yo</div>');
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should work with tricky content', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
await page.setContent('<div>hello world</div>' + '\x7F');
|
|
|
|
|
expect(await page.$eval('div', div => div.textContent)).toBe('hello world');
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should work with accents', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
await page.setContent('<div>aberración</div>');
|
|
|
|
|
expect(await page.$eval('div', div => div.textContent)).toBe('aberración');
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should work with emojis', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
await page.setContent('<div>🐥</div>');
|
|
|
|
|
expect(await page.$eval('div', div => div.textContent)).toBe('🐥');
|
|
|
|
|
});
|
|
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('should work with newline', async ({ page, server }) => {
|
2020-08-05 01:09:24 +03:00
|
|
|
await page.setContent('<div>\n</div>');
|
|
|
|
|
expect(await page.$eval('div', div => div.textContent)).toBe('\n');
|
|
|
|
|
});
|
2021-09-22 20:40:15 +03:00
|
|
|
|
2021-09-27 19:58:08 +03:00
|
|
|
it('content() should throw nice error during navigation', async ({ page, server }) => {
|
2021-09-22 20:40:15 +03:00
|
|
|
for (let timeout = 0; timeout < 200; timeout += 20) {
|
|
|
|
|
await page.setContent('<div>hello</div>');
|
|
|
|
|
const promise = page.goto(server.EMPTY_PAGE);
|
|
|
|
|
await page.waitForTimeout(timeout);
|
|
|
|
|
const [contentOrError] = await Promise.all([
|
|
|
|
|
page.content().catch(e => e),
|
|
|
|
|
promise,
|
|
|
|
|
]);
|
|
|
|
|
const emptyOutput = '<html><head></head><body></body></html>';
|
|
|
|
|
if (contentOrError !== expectedOutput && contentOrError !== emptyOutput)
|
|
|
|
|
expect(contentOrError?.message).toContain('Unable to retrieve content because the page is navigating and changing the content.');
|
|
|
|
|
}
|
|
|
|
|
});
|
2021-10-21 17:59:33 +03:00
|
|
|
|
|
|
|
|
it('should return empty content there is no iframe src', async ({ page, browserName }) => {
|
|
|
|
|
it.fixme(browserName === 'firefox' || browserName === 'chromium', 'Hangs in FF && CR because there is no utility context');
|
|
|
|
|
await page.setContent(`<iframe src="javascript:console.log(1)"></iframe>`);
|
|
|
|
|
expect(page.frames().length).toBe(2);
|
|
|
|
|
expect(await page.frames()[1].content()).toBe('<html><head></head><body></body></html>');
|
|
|
|
|
});
|
