LayoutTests/fast/css/device-aspect-ratio.html - WebKit - Git at Google

 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
 <html>
 <head id="myhead">
 <script src="../../resources/js-test.js"></script>
 <script>
 jsTestIsAsync = true;

 var count = 0;
 var maxCount = 10;
 var timeout = 100;

 function doTest()
 {
     var headElement = document.getElementById("myhead");
     var linkElement = document.createElement("link");
     linkElement.rel = "stylesheet";
     linkElement.media = "screen and (device-aspect-ratio: " + screen.width + "/" + screen.height + ")";
     linkElement.href = "resources/device-aspect-ratio.css";
     headElement.appendChild(linkElement);
     description("This text is green if the device-aspect-ratio media query works properly.");
     setTimeout("waitForStylesheetLoad()", timeout);
 }

 function waitForStylesheetLoad()
 {
     count++;

     if (document.defaultView.getComputedStyle(document.getElementById('description'), null).color == "rgb(0, 128, 0)") {
         shouldBe("document.defaultView.getComputedStyle(document.getElementById('description'), null).color", "'rgb(0, 128, 0)'");
         finishJSTest();
         return;
     }

     if (count > maxCount) {
         testFailed("Stylesheet did not load in " + (maxCount * timeout / 1000) + " second(s).");
         return;
     }

     setTimeout("waitForStylesheetLoad()", timeout);
 }
 </script>
 </head>
 <body onload="doTest()">
 </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
	<html>
	<head id="myhead">
	<script src="../../resources/js-test.js"></script>
	<script>
	jsTestIsAsync = true;

	var count = 0;
	var maxCount = 10;
	var timeout = 100;

	function doTest()
	{
	var headElement = document.getElementById("myhead");
	var linkElement = document.createElement("link");
	linkElement.rel = "stylesheet";
	linkElement.media = "screen and (device-aspect-ratio: " + screen.width + "/" + screen.height + ")";
	linkElement.href = "resources/device-aspect-ratio.css";
	headElement.appendChild(linkElement);
	description("This text is green if the device-aspect-ratio media query works properly.");
	setTimeout("waitForStylesheetLoad()", timeout);
	}

	function waitForStylesheetLoad()
	{
	count++;

	if (document.defaultView.getComputedStyle(document.getElementById('description'), null).color == "rgb(0, 128, 0)") {
	shouldBe("document.defaultView.getComputedStyle(document.getElementById('description'), null).color", "'rgb(0, 128, 0)'");
	finishJSTest();
	return;
	}

	if (count > maxCount) {
	testFailed("Stylesheet did not load in " + (maxCount * timeout / 1000) + " second(s).");
	return;
	}

	setTimeout("waitForStylesheetLoad()", timeout);
	}
	</script>
	</head>
	<body onload="doTest()">
	</body>
	</html>