<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>