<!DOCTYPE html>
<html>
<head>
    <title>Test pip video going into fullscreen should exit pip</title>
    <script src="media-file.js"></script>
    <script src="video-test.js"></script>
    <script>
        if (window.internals) {
            internals.settings.setAllowsPictureInPictureMediaPlayback(true);
            internals.setMockVideoPresentationModeEnabled(true);
        }

        var enteredFullscreen = false;
        var exitedPIP = false;

        function init()
        {
            findMediaElement();
            video.addEventListener('canplaythrough', oncanplaythrough);
            video.src = findMediaFile('video', 'content/test');
        }

        function oncanplaythrough()
        {
            if (!('webkitSupportsPresentationMode' in video && 'webkitPresentationMode' in video)) {
                failTest("Presentation mode is not supported in this video element.")
                return;
            }

            consoleWrite("Going into Picture-in-Picture");
            video.addEventListener('webkitpresentationmodechanged', onfirstpresentationmodechanged);
            runWithKeyDown(function() { video.webkitSetPresentationMode('picture-in-picture'); });
        }

        async function onfirstpresentationmodechanged()
        {
            if (window.internals)
                await testExpectedEventually("internals.isChangingPresentationMode(video)", false, "==", 2000);

            testExpected("video.webkitPresentationMode", "picture-in-picture");
            video.removeEventListener('webkitpresentationmodechanged', onfirstpresentationmodechanged);

            consoleWrite("Going into Full Screen from Picture-in-Picture");
            video.addEventListener('webkitfullscreenchange', onbeginfullscreen, { once: true });
            video.addEventListener('webkitpresentationmodechanged', onsecondpresentationmodechanged);
            runWithKeyDown(function() { video.webkitRequestFullscreen(); });
        }

        async function onbeginfullscreen()
        {
            if (window.internals)
                await testExpectedEventually("internals.isChangingPresentationMode(video)", false, "==", 2000);

            enteredFullscreen = true;
            if (exitedPIP)
                checkFinalState();
        }

        async function onsecondpresentationmodechanged()
        {
            if (window.internals)
                await testExpectedEventually("internals.isChangingPresentationMode(video)", false, "==", 2000);

            // We only expect one presentation mode change - from picture-in-picture to fullscreen.
            if (exitedPIP)
                failTest("Presentation mode changes more than once going into fullscreen from picture-in-picture.");

            exitedPIP = true;
            if (enteredFullscreen)
                checkFinalState();
        }

        function checkFinalState()
        {
            testExpected("document.webkitCurrentFullScreenElement", video);
            testExpected("video.webkitPresentationMode", "fullscreen");
            video.addEventListener('webkitfullscreenchange', onendfullscreen);
            runWithKeyDown(function() { document.webkitExitFullscreen(); });
        }

        async function onendfullscreen()
        {
            if (window.internals)
                await testExpectedEventually("internals.isChangingPresentationMode(video)", false, "==", 2000);

            consoleWrite("Exited Full Screen");
            endTest();
        }
    </script>
</head>
<body onload="init()">
    Tests pip video going into fullscreen should exit pip<br>
    <video controls></video>
</body>
</html>