<!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>
