LayoutTests/media/controls/statusDisplayBad.html - WebKit - Git at Google

 <!DOCTYPE html>
 <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>
	<!DOCTYPE html>
	<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>