<html>
    <head>
        <script src="../../media/video-test.js"></script>
        <script>
            if (window.internals)
                internals.settings.setInvisibleAutoplayNotPermitted(true);
            async function start()
            {
                findMediaElement();
                consoleWrite('** setting video.srcObject');
                video.srcObject = await navigator.mediaDevices.getUserMedia({ audio: true, video: true });
                video.muted = true;

                waitForEventOnce('play', play1);
                consoleWrite('');
            }

            function play1()
            {
                run('video.style.display = "none"');
                waitForEventOnce('pause', pause1);
            }

            function pause1()
            {
                run('video.style.removeProperty("display")')
                waitForEventOnce('play', play2);
            }

            async function play2()
            {
                run('video.style.visibility = "hidden"');
                waitForEventOnce('pause', pause2);
            }

            async function pause2()
            {
                // At this point, we are interrupted, calling play should be a no-op and should not confuse our interruption state tracking.
                video.play();

                run('video.style.removeProperty("visibility")');
                waitForEventOnce('play', play3);
            }

            function play3()
            {
                run('document.documentElement.style.height = window.innerHeight + 20 + video.offsetHeight');
                run('window.scrollBy(0, 20 + video.offsetHeight)');
                waitForEventOnce('pause', pause3);
            }

            function pause3()
            {
                run('window.scrollTo(0, 0)');
                waitForEventOnce('play', finish);
            }

            function finish()
            {
                video.srcObject.getVideoTracks()[0].stop();
                video.srcObject = null;
                endTest();
            }
        </script>
    </head>

    <body onload="start()">
        <video controls autoplay></video>
        <p>Test that "invisible autoplay not allowed restriction" pauses realtime media when scrolled out of view and restarts as expected.</p>
    </body>
</html>