mirror of
https://github.com/microsoft/playwright.git
synced 2024-12-15 06:02:57 +03:00
b2dc0d2fbd
https://github.com/microsoft/playwright/pull/27609 fixed the functionality in WebKit. Fixes https://github.com/microsoft/playwright/issues/27475
176 lines
7.0 KiB
TypeScript
176 lines
7.0 KiB
TypeScript
/**
|
|
* 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 { browserTest as it, expect } from '../config/browserTest';
|
|
import { attachFrame } from '../config/utils';
|
|
|
|
it('should not be visible in context.pages', async ({ contextFactory }) => {
|
|
const context = await contextFactory();
|
|
const page = await context.newPage();
|
|
expect(context.pages()).toContain(page);
|
|
await page.close();
|
|
expect(context.pages()).not.toContain(page);
|
|
});
|
|
|
|
it('page.context should return the correct instance', async function({ contextFactory }) {
|
|
const context = await contextFactory();
|
|
const page = await context.newPage();
|
|
expect(page.context()).toBe(context);
|
|
});
|
|
|
|
it('frame.focus should work multiple times', async ({ contextFactory }) => {
|
|
const context = await contextFactory();
|
|
const page1 = await context.newPage();
|
|
const page2 = await context.newPage();
|
|
for (const page of [page1, page2]) {
|
|
await page.setContent(`<button id="foo" onfocus="window.gotFocus=true"></button>`);
|
|
await page.focus('#foo');
|
|
expect(await page.evaluate(() => !!window['gotFocus'])).toBe(true);
|
|
}
|
|
});
|
|
|
|
it('should click with disabled javascript', async ({ browser, server }) => {
|
|
const context = await browser.newContext({ javaScriptEnabled: false });
|
|
const page = await context.newPage();
|
|
await page.goto(server.PREFIX + '/wrappedlink.html');
|
|
await Promise.all([
|
|
page.click('a'),
|
|
page.waitForNavigation()
|
|
]);
|
|
expect(page.url()).toBe(server.PREFIX + '/wrappedlink.html#clicked');
|
|
await context.close();
|
|
});
|
|
|
|
it('should not hang with touch-enabled viewports', async ({ browser, playwright }) => {
|
|
// @see https://github.com/GoogleChrome/puppeteer/issues/161
|
|
const { viewport, hasTouch } = playwright.devices['iPhone 6'];
|
|
const context = await browser.newContext({ viewport, hasTouch });
|
|
const page = await context.newPage();
|
|
await page.mouse.down();
|
|
await page.mouse.move(100, 10);
|
|
await page.mouse.up();
|
|
await context.close();
|
|
});
|
|
|
|
it('should click the button with deviceScaleFactor set', async ({ browser, server }) => {
|
|
const context = await browser.newContext({ viewport: { width: 400, height: 400 }, deviceScaleFactor: 5 });
|
|
const page = await context.newPage();
|
|
expect(await page.evaluate(() => window.devicePixelRatio)).toBe(5);
|
|
await page.setContent('<div style="width:100px;height:100px">spacer</div>');
|
|
await attachFrame(page, 'button-test', server.PREFIX + '/input/button.html');
|
|
const frame = page.frames()[1];
|
|
const button = await frame.$('button');
|
|
await button.click();
|
|
expect(await frame.evaluate(() => window['result'])).toBe('Clicked');
|
|
await context.close();
|
|
});
|
|
|
|
it('should click the button with offset with page scale', async ({ browser, server, browserName }) => {
|
|
it.skip(browserName === 'firefox');
|
|
|
|
const context = await browser.newContext({ viewport: { width: 400, height: 400 }, isMobile: true });
|
|
const page = await context.newPage();
|
|
await page.goto(server.PREFIX + '/input/button.html');
|
|
await page.$eval('button', button => {
|
|
button.style.borderWidth = '8px';
|
|
document.body.style.margin = '0';
|
|
});
|
|
await page.click('button', { position: { x: 20, y: 10 } });
|
|
expect(await page.evaluate('result')).toBe('Clicked');
|
|
const expectCloseTo = (expected, actual) => {
|
|
if (Math.abs(expected - actual) > 2)
|
|
throw new Error(`Expected: ${expected}, received: ${actual}`);
|
|
};
|
|
// Expect 20;10 + 8px of border in each direction. Allow some delta as different
|
|
// browsers round up or down differently during css -> dip -> css conversion.
|
|
expectCloseTo(28, await page.evaluate('pageX'));
|
|
expectCloseTo(18, await page.evaluate('pageY'));
|
|
await context.close();
|
|
});
|
|
|
|
it('should return bounding box with page scale', async ({ browser, server, browserName }) => {
|
|
it.skip(browserName === 'firefox');
|
|
|
|
const context = await browser.newContext({ viewport: { width: 400, height: 400 }, isMobile: true });
|
|
const page = await context.newPage();
|
|
await page.goto(server.PREFIX + '/input/button.html');
|
|
const button = await page.$('button');
|
|
await button.evaluate(button => {
|
|
document.body.style.margin = '0';
|
|
button.style.borderWidth = '0';
|
|
button.style.width = '200px';
|
|
button.style.height = '20px';
|
|
button.style.marginLeft = '17px';
|
|
button.style.marginTop = '23px';
|
|
});
|
|
const box = await button.boundingBox();
|
|
expect(Math.round(box.x * 100)).toBe(17 * 100);
|
|
expect(Math.round(box.y * 100)).toBe(23 * 100);
|
|
expect(Math.round(box.width * 100)).toBe(200 * 100);
|
|
expect(Math.round(box.height * 100)).toBe(20 * 100);
|
|
await context.close();
|
|
});
|
|
|
|
it('should not leak listeners during navigation of 20 pages', async ({ contextFactory, server }) => {
|
|
it.slow(true, 'We open 20 pages here!');
|
|
|
|
const context = await contextFactory();
|
|
let warning = null;
|
|
const warningHandler = w => warning = w;
|
|
process.on('warning', warningHandler);
|
|
const pages = await Promise.all([...Array(20)].map(() => context.newPage()));
|
|
await Promise.all(pages.map(page => page.goto(server.EMPTY_PAGE)));
|
|
await Promise.all(pages.map(page => page.close()));
|
|
process.off('warning', warningHandler);
|
|
expect(warning).toBe(null);
|
|
});
|
|
|
|
it('should keep selection in multiple pages', async ({ context }) => {
|
|
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/27475' });
|
|
const page1 = await context.newPage();
|
|
const page2 = await context.newPage();
|
|
for (const page of [page1, page2]) {
|
|
await page.setContent('<div id="container">lorem ipsum dolor sit amet</div>');
|
|
await page.evaluate(() => {
|
|
const element = document.getElementById('container') as HTMLDivElement;
|
|
const textNode = element.firstChild as Text;
|
|
|
|
const range = document.createRange();
|
|
range.setStart(textNode, 6);
|
|
range.setEnd(textNode, 11);
|
|
|
|
const selection = document.getSelection();
|
|
selection?.removeAllRanges();
|
|
selection?.addRange(range);
|
|
});
|
|
}
|
|
// In WebKit, selection is updated via IPC, give it enough time to take effect.
|
|
await new Promise(f => setTimeout(f, 1_000));
|
|
for (const page of [page1, page2]) {
|
|
const range = await page.evaluate(() => {
|
|
const selection = document.getSelection();
|
|
const range = selection?.getRangeAt(0);
|
|
return {
|
|
rangeCount: selection?.rangeCount,
|
|
startOffset: range?.startOffset,
|
|
endOffset: range?.endOffset,
|
|
};
|
|
});
|
|
expect(range).toEqual({ rangeCount: 1, startOffset: 6, endOffset: 11 });
|
|
}
|
|
});
|