LayoutTests/fast/media/media-query-list-07.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 callback1(query) {
  16         log("[1] - query " + query.media + " changed to " + (query.matches ? "true" : "false"));
  17     }
  18
  19     function callback2(query) {
  20         log("[2] - query " + query.media + " changed to " + (query.matches ? "true" : "false"));
  21     }
  22
  23     function runTests()
  24     {
  25         if (!window.layoutTestController)
  26             return;
  27
  28         layoutTestController.setViewModeMediaFeature("windowed");
  29
  30         var query = window.matchMedia("(-webkit-view-mode: windowed)");
  31
  32         query.addListener(callback1);
  33         query.addListener(5);
  34         query.addListener('cinco');
  35         query.addListener([1,2]);
  36         query.addListener(callback2);
  37
  38         layoutTestController.setViewModeMediaFeature("minimized");
  39     }
  40
  41 </script>
  42 </head>
  43 <body onload="runTests()">
  44     <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>
  45     <p>Invalid listeners. Two callbacks are expected.</p>
  46     <div id="results">
  47     </div>
  48 </body>
  49 </html>