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

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

                tester.startNewSection("Get the status label state");
                var statusDisplayLabelState = tester.stateForControlsElement("Status Display");

                tester.test("Name is 'Status Display'")
                    .value(statusDisplayLabelState.name)
                    .isEqualTo("Status Display");

                tester.test("Has empty class")
                    .value(statusDisplayLabelState.className)
                    .isEmptyString();

                tester.test("Content is 'Error'")
                    .value(statusDisplayLabelState.textContent)
                    .isEqualTo("Error");

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

                tester.test("Displayed bounds is non-zero")
                    .value(statusDisplayLabelState.bounds.width)
                    .isNotZero();

                tester.end();
            }
        </script>
    </head>
    <body>
        <p>This tests that the status display has the corrent error message.</p>
        <p>This test only runs in DRT!</p>
        <video controls></video>
    </body>
</html>