LayoutTests/fast/css/media-rule-screenDepthPerComponent.html - WebKit - Git at Google

 <html>
     <head>
         <style id="style1">
             @media all and (min-color: 24) { .insane { color: green; } }
             @media all and (min-color: 2) { .sane { color: green; } }
         </style>
         <script>
             function runTest() {
                 if (window.testRunner)
                     testRunner.dumpAsText();

                 try {
                     document.getElementById('result').innerHTML += window.getComputedStyle(document.getElementById('result')).getPropertyValue("color");
                     document.getElementById('result2').innerHTML += window.getComputedStyle(document.getElementById('result2')).getPropertyValue("color");
                 } catch (e) {
                     document.getElementById('result').innerHTML = 'EXCEPTION';
                 }
             }
         </script>
     </head>
     <body onload="runTest();">
         <p> https://bugs.webkit.org/show_bug.cgi?id=20289 </p>
         Sanity check screenDepthPerComponent to ensure it is returning the number of bits per color rather than the screen depth (e.g. 24).
         <div class="insane" id="result">Should be rgb(0, 0, 0): </div>
         <div class="sane" id="result2">Should be rgb(0, 128, 0): </div>
     </body>
 </html>
	<html>
	<head>
	<style id="style1">
	@media all and (min-color: 24) { .insane { color: green; } }
	@media all and (min-color: 2) { .sane { color: green; } }
	</style>
	<script>
	function runTest() {
	if (window.testRunner)
	testRunner.dumpAsText();

	try {
	document.getElementById('result').innerHTML += window.getComputedStyle(document.getElementById('result')).getPropertyValue("color");
	document.getElementById('result2').innerHTML += window.getComputedStyle(document.getElementById('result2')).getPropertyValue("color");
	} catch (e) {
	document.getElementById('result').innerHTML = 'EXCEPTION';
	}
	}
	</script>
	</head>
	<body onload="runTest();">
	<p> https://bugs.webkit.org/show_bug.cgi?id=20289 </p>
	Sanity check screenDepthPerComponent to ensure it is returning the number of bits per color rather than the screen depth (e.g. 24).
	<div class="insane" id="result">Should be rgb(0, 0, 0): </div>
	<div class="sane" id="result2">Should be rgb(0, 128, 0): </div>
	</body>
	</html>