<!DOCTYPE html><!-- webkit-test-runner [ enableModernMediaControls=false ] -->
<html>
    <head>
        <script src="../media-file.js"></script>
        <script src="controls-test-helpers.js"></script>
        <script>
            internals.setMockMediaPlaybackTargetPickerEnabled(false);
            var tester = new ControlsTest()
                .whenReady(runTestsWithoutDevice)
                .start();

            function runTestsWithoutDevice()
            {
                var currentState = tester.currentState;
                tester.test("We are using the apple idiom")
                    .value(currentState.idiom)
                    .isEqualTo("apple");

                tester.startNewSection("Test the AppleTV picker button");
                var statusState = tester.stateForControlsElement("AppleTV Device Picker");

                tester.test("Name is 'AppleTV Device Picker'")
                    .value(statusState.name)
                    .isEqualTo("AppleTV Device Picker");

                tester.test("Has hidden class")
                    .value(statusState.className)
                    .isEqualTo("hidden");

                tester.test("CSS display: none")
                    .value(statusState.computedStyle.display)
                    .isEqualTo("none");

                tester.test("Aria label is 'Choose Wireless Display'")
                    .value(statusState.ariaLabel)
                    .isEqualTo("Choose Wireless Display");

                internals.setMockMediaPlaybackTargetPickerEnabled(true);
                internals.setMockMediaPlaybackTargetPickerState("Sleepy TV", "DeviceAvailable");
                window.setTimeout(runTestsWithDevice, 100);
            }

            function runTestsWithDevice()
            {
                tester.startNewSection("Simulate an available AppleTV");
                var statusState = tester.stateForControlsElement("AppleTV Device Picker", true);

                tester.test("Name is 'AppleTV Device Picker'")
                    .value(statusState.name)
                    .isEqualTo("AppleTV Device Picker");

                tester.test("Does not have hidden class")
                    .value(statusState.className)
                    .doesNotContain("hidden");

                tester.test("CSS display: block")
                    .value(statusState.computedStyle.display)
                    .isEqualTo("block");

                tester.end();
            }

        </script>
    </head>
    <body>
        <p>This tests the wireless device picker icon.</p>
        <p>This test only runs in DRT!</p>
        <video controls></video>
    </body>
</html>