microsoft/playwright
1
1
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2025-01-05 19:04:43 +03:00
Code Issues Projects Releases Wiki Activity

fix(chromium): can get correct orientation angle on non-mobile devices (#23796)

Browse Source 
Fix #23772
This commit is contained in:
zhengjitf 2023-06-24 02:34:09 +08:00 committed by GitHub
parent a18475eaab
commit 6f67f6b52b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/playwright-core/src/server/chromium/crPage.ts
View File

@ -1008,7 +1008,7 @@ class FrameSession {
return;
const viewportSize = emulatedSize.viewport;
const screenSize = emulatedSize.screen;
const isLandscape = viewportSize.width > viewportSize.height;
const isLandscape = screenSize.width > screenSize.height;
const metricsOverride: Protocol.Emulation.setDeviceMetricsOverrideParameters = {
mobile: !!options.isMobile,
width: viewportSize.width,
@ -1016,7 +1016,9 @@ class FrameSession {
screenWidth: screenSize.width,
screenHeight: screenSize.height,
deviceScaleFactor: options.deviceScaleFactor || 1,
screenOrientation: isLandscape ? { angle: 90, type: 'landscapePrimary' } : { angle: 0, type: 'portraitPrimary' },
screenOrientation: !!options.isMobile ? (
isLandscape ? { angle: 90, type: 'landscapePrimary' } : { angle: 0, type: 'portraitPrimary' }
) : { angle: 0, type: 'landscapePrimary' },
dontSetVisibleSize: preserveWindowBoundaries
};
if (JSON.stringify(this._metricsOverride) === JSON.stringify(metricsOverride))

12
tests/library/browsercontext-viewport.spec.ts
View File

@ -163,3 +163,15 @@ it('WebKit Windows headed should have a minimal viewport', async ({ contextFacto
await expect(page.setViewportSize({ width: 100, height: 100 })).rejects.toThrow('WebKit on Windows has a minimal viewport of 250x240.');
await context.close();
});
browserTest('should be able to get correct orientation angle on non-mobile devices', async ({ browser, browserName, server }) => {
browserTest.skip(browserName === 'webkit', 'Desktop webkit dont support orientation API');
const context = await browser.newContext({ viewport: { width: 300, height: 400 }, isMobile: false });
const page = await context.newPage();
await page.goto(server.PREFIX + '/index.html');
expect(await page.evaluate(() => window.screen.orientation.angle)).toBe(0);
await page.setViewportSize({ width: 400, height: 300 });
expect(await page.evaluate(() => window.screen.orientation.angle)).toBe(0);
await context.close();
});