Add WPT coverage for screen sizes being unaffected by fullscreen
These test fail when FullscreenScreenSizeMatchesDisplay is disabled
Bug: 1367416
Change-Id: I3f490c603405e88255ca629021e6edb6c3bb5257
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4421469
Reviewed-by: Brad Triebwasser <btriebw@chromium.org>
Commit-Queue: Mike Wasserman <msw@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1129996}
diff --git a/fullscreen/api/element-request-fullscreen-screen-size.https.html b/fullscreen/api/element-request-fullscreen-screen-size.https.html
new file mode 100644
index 0000000..1c2bc9e
--- /dev/null
+++ b/fullscreen/api/element-request-fullscreen-screen-size.https.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<title>
+ Element#requestFullscreen() does not affect Screen sizes
+</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<script src="../trusted-click.js"></script>
+<body></body>
+<script>
+ promise_test(async (t) => {
+ const screenWidth = window.screen.width;
+ const screenHeight = window.screen.height;
+
+ if ('onchange' in window.screen) {
+ window.screen.onchange = () => {
+ assert_equals(window.screen.width, screenWidth);
+ assert_equals(window.screen.height, screenHeight);
+ }
+ t.add_cleanup(() => { window.screen.onchange = null; });
+ }
+
+ // Await a test_driver or manual click, fullscreen promise, and change.
+ await Promise.all([trusted_request(), fullScreenChange()]);
+ t.add_cleanup(() => { document.exitFullscreen(); });
+ assert_not_equals(document.fullscreenElement, null);
+
+ // Ensure the screen size is unchanged during fullscreen.
+ assert_equals(window.screen.width, screenWidth);
+ assert_equals(window.screen.height, screenHeight);
+ }, "Screen size is unchanged during element fullscreen");
+
+ promise_test(async (t) => {
+ const screenWidth = window.screen.width;
+ const screenHeight = window.screen.height;
+
+ if ('onchange' in window.screen) {
+ window.screen.onchange = () => {
+ assert_equals(window.screen.width, screenWidth);
+ assert_equals(window.screen.height, screenHeight);
+ }
+ t.add_cleanup(() => { window.screen.onchange = null; });
+ }
+
+ // Await a test_driver or manual click to start tab content capture.
+ await trusted_click();
+ const stream = await navigator.mediaDevices.getDisplayMedia(
+ {video:{displaySurface:"browser"}, selfBrowserSurface:"include"});
+ const capabilities = stream.getVideoTracks()[0].getCapabilities();
+ assert_equals(capabilities.displaySurface, "browser");
+ t.add_cleanup(() => { stream.getTracks().forEach(t => t.stop()) });
+
+ // Await a test_driver or manual click, fullscreen promise, and change.
+ await Promise.all([trusted_request(), fullScreenChange()]);
+ t.add_cleanup(() => { document.exitFullscreen(); });
+ assert_not_equals(document.fullscreenElement, null);
+
+ // Ensure the screen size is unchanged during tab-capture fullscreen.
+ assert_equals(window.screen.width, screenWidth);
+ assert_equals(window.screen.height, screenHeight);
+ }, "Screen size is unchanged during tab-capture element fullscreen");
+</script>