LayoutTests/fast/media/media-query-list-06.html

   1 <html>
   2 <head>
   3 <title>Test CSSOM View module: MediaQueryList interface</title>
   4 <style type="text/css">
   5
   6 </style>
   7 <script type="text/javascript" charset="utf-8">
   8     if (window.layoutTestController)
   9         layoutTestController.dumpAsText();
  10
  11     function log(m) {
  12         document.getElementById('results').innerHTML += m + '<br>';
  13     }
  14
  15     function runTests()
  16     {
  17         if (!window.layoutTestController)
  18             return;
  19
  20         layoutTestController.setViewModeMediaFeature("windowed");
  21
  22         var query = window.matchMedia("(-webkit-view-mode: windowed)");
  23         log('Query result before changing view-mode: ' + query.matches);
  24         layoutTestController.setViewModeMediaFeature("minimized");
  25         log('Query result after changing view-mode: ' + query.matches);
  26     }
  27
  28 </script>
  29 </head>
  30 <body onload="runTests()">
  31     <p>Test the MediaQueryList interface: <a href="http://dev.w3.org/csswg/cssom-view/#the-mediaquerylist-interface" title="CSSOM View Module">http://dev.w3.org/csswg/cssom-view/#the-mediaquerylist-interface</a>.</p>
  32     <p>Testing queries that have no registered listener.</p>
  33     <div id="results">
  34     </div>
  35 </body>
  36 </html>