test: add a test for screen.avail{Width,Height} emulation (#4011)

This currently does not work in WebKit.
microsoft · Sep 30, 2020 · ccc827c · ccc827c
1 parent e280839
commit ccc827c
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/test/browsercontext-viewport.spec.ts b/test/browsercontext-viewport.spec.ts
@@ -82,6 +82,14 @@ it('should emulate device height', async ({page, server}) => {
   expect(await page.evaluate(() => matchMedia('(device-height: 500px)').matches)).toBe(true);
 });
 
+it('should emulate availWidth and availHeight', (test, { browserName, platform }) => {
+  test.fail(browserName === 'webkit' && platform !== 'linux', 'Not implemented');
+}, async ({page}) => {
+  await page.setViewportSize({width: 500, height: 600});
+  expect(await page.evaluate(() => window.screen.availWidth)).toBe(500);
+  expect(await page.evaluate(() => window.screen.availHeight)).toBe(600);
+});
+
 it('should not have touch by default', async ({page, server}) => {
   await page.goto(server.PREFIX + '/mobile.html');
   expect(await page.evaluate(() => 'ontouchstart' in window)).toBe(false);