element-request-fullscreen-screen-size.https.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 2 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /fullscreen/api/element-request-fullscreen-screen-size.https.html - WPT Dashboard Interop Dashboard

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