third_party/WebKit/LayoutTests/fast/media/matchmedium-query-api.html

   1 <html>
   2 <head>
   3 <title>Test CSSOM View module: Media interface</title>
   4 <style type="text/css">
   5
   6 </style>
   7 <script type="text/javascript" charset="utf-8">
   8   if (window.testRunner)
   9     testRunner.dumpAsText();
  10
  11   function log(m)
  12   {
  13     var results = document.getElementById('results');
  14     results.innerHTML += m + '<br>';
  15   }
  16
  17   function testQuery(query, expected)
  18   {
  19     var isTrue = window.styleMedia.matchMedium(query);
  20
  21     var message = '\"' + query + '\" evaluates to ' + (isTrue ? 'true' : 'false');
  22     message += (isTrue == expected) ? ': PASS' : ': FAIL';
  23     log(message);
  24   }
  25
  26   function runTests()
  27   {
  28     testQuery('screen', true);
  29     testQuery('projection', false);
  30
  31     testQuery('all and (color)', true);
  32     testQuery('not projection and (color)', true);
  33     testQuery('(color)', true);
  34     testQuery('(color', true);
  35     testQuery('color', false);
  36
  37     testQuery('garbage', false);
  38
  39     testQuery('(min-device-width: 100px)', true);
  40     testQuery('(min-device-width: 50000px)', false);
  41   }
  42
  43 </script>
  44 </head>
  45 <body onload="runTests()">
  46   <p>Test the media interface: <a href="http://dev.w3.org/csswg/cssom-view/#the-media-interface" title="CSSOM View Module">http://dev.w3.org/csswg/cssom-view/#the-media-interface</a>.</p>
  47   <div id="results">
  48
  49   </div>
  50 </body>
  51 </html>