<!DOCTYPE html><!-- webkit-test-runner [ enableModernMediaControls=false ] -->
<html>
    <head>
        <script src="../media-file.js"></script>
        <script src="controls-test-helpers.js"></script>
        <script>
            var maxAttemptsToTestPlaceholderVisibility = 10;
            var attemptsToTestPlaceholderVisibility = 0;

            if (window.internals)
                window.internals.settings.setAllowsPictureInPictureMediaPlayback(true);

            const tester = new ControlsTest("../content/test", "canplaythrough")
                .whenReady(runTestsWithVideo)
                .start();

            function runTestsWithVideo()
            {
                tester.startNewSection("Test the picture-in-picture button with valid video");

                internals.setMediaElementRestrictions(tester.media, "NoRestrictions");
                tester.resetEventTrigger("webkitpresentationmodechanged")
                    .whenReady(presentationModeDidChange)
                    .media.webkitSetPresentationMode("picture-in-picture");
            }

            function presentationModeDidChange()
            {
                tester.test("Should be in pip mode")
                    .value(tester.media.webkitPresentationMode)
                    .isEqualTo("picture-in-picture");

                tester.media.removeEventListener("webkitpresentationmodechanged", tester, false);

                pollPIPPlaceholderVisibilityChange();
            }

            function pollPIPPlaceholderVisibilityChange()
            {
                // Intentionally using internals.shadowRoot instead of tester.stateForControlsElement()
                // since the latter has the side effect of ensuring the shadow root and hence injecting
                // the media controls script. The bug we are testing here is caused by the media controls
                // script not being injected early enough.
                var shadowRoot = internals.shadowRoot(tester.media);
                var placeholder = shadowRoot ? shadowRoot.querySelector("div[pseudo='-webkit-media-controls-wireless-playback-status']") : null;
                if (!placeholder || placeholder.className.indexOf("hidden") >= 0) {
                    if (attemptsToTestPlaceholderVisibility > maxAttemptsToTestPlaceholderVisibility) {
                        tester.logFailure("Inline placeholder did not become visible after video enters picture-in-picture.");
                        tester.end();
                        return;
                    }

                    // Use 33 to match PlaceholderPollingDelay in mediaControlsApple.js.
                    setTimeout(pollPIPPlaceholderVisibilityChange, 33);
                    attemptsToTestPlaceholderVisibility++;
                    return;
                }

                tester.test("Inline placeholder should be visible at this point")
                    .value(placeholder.className)
                    .doesNotContain("hidden");

                tester.test("Inline placeholder should have the 'picture-in-picture' class")
                    .value(placeholder.className)
                    .contains("picture-in-picture");

                tester.media.webkitSetPresentationMode("inline");

                tester.end();
            }
        </script>
    </head>
    <body>
        <p>This tests the picture-in-picture placeholder when the video has no controls.</p>
        <p>This test only runs in DRT!</p>
        <video></video>
    </body>
</html>