LayoutTests/fast/css/media-rule-screenDepthPerComponent.html

   1 <html>
   2     <head>
   3         <style id="style1">
   4             @media all and (min-color: 24) { .insane { color: green; } }
   5             @media all and (min-color: 2) { .sane { color: green; } }
   6         </style>
   7         <script>
   8             function runTest() {
   9                 if (window.layoutTestController)
  10                     layoutTestController.dumpAsText();
  11
  12                 try {
  13                     document.getElementById('result').innerHTML += window.getComputedStyle(document.getElementById('result')).getPropertyValue("color");
  14                     document.getElementById('result2').innerHTML += window.getComputedStyle(document.getElementById('result2')).getPropertyValue("color");
  15                 } catch (e) {
  16                     document.getElementById('result').innerHTML = 'EXCEPTION';
  17                 }
  18             }
  19         </script>
  20     </head>
  21     <body onload="runTest();">
  22         <p> https://bugs.webkit.org/show_bug.cgi?id=20289 </p>
  23         Sanity check screenDepthPerComponent to ensure it is returning the number of bits per color rather than the screen depth (e.g. 24).
  24         <div class="insane" id="result">Should be rgb(0, 0, 0): </div>
  25         <div class="sane" id="result2">Should be rgb(0, 128, 0): </div>
  26     </body>
  27 </html>