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

   1 <html>
   2 <head>
   3 <title>Test CSSOM View module: MediaQueryList interface</title>
   4 <script type="text/javascript" charset="utf-8">
   5
   6     if (window.layoutTestController) {
   7         layoutTestController.dumpAsText();
   8         layoutTestController.waitUntilDone();
   9         layoutTestController.overridePreference("WebKitUsesPageCachePreferenceKey", 1);
  10     }
  11
  12     function log(m) {
  13         document.getElementById('results').innerHTML += m + '<br>';
  14     }
  15
  16     function callback1(query) {
  17         log("[1] - query " + query.media + " changed to " + (query.matches ? "true" : "false"));
  18     }
  19
  20     function callback2(query) {
  21         log("[2] - query " + query.media + " changed to " + (query.matches ? "true" : "false"));
  22     }
  23
  24     function pageshow(evt)
  25     {
  26         if (!evt.persisted) {
  27             // this will run only when the page is loaded for the first time.
  28
  29             windowedQuery = window.matchMedia("(-webkit-view-mode: windowed)");
  30             floatingQuery = window.matchMedia("(-webkit-view-mode: floating)");
  31             minimizedQuery = window.matchMedia("(-webkit-view-mode: minimized)");
  32             maximizedQuery = window.matchMedia("(-webkit-view-mode: maximized)");
  33
  34             windowedQuery.addListener(callback1);
  35             floatingQuery.addListener(callback1);
  36             minimizedQuery.addListener(callback1);
  37             maximizedQuery.addListener(callback1);
  38
  39             windowedQuery.addListener(callback2);
  40             floatingQuery.addListener(callback2);
  41             minimizedQuery.addListener(callback2);
  42             maximizedQuery.addListener(callback2);
  43
  44             setTimeout('window.location = "data:text/html,<script>history.back()<" + "/script>"', 0);
  45
  46         } else {
  47             // if this point is reached the page is comming from the page cache.
  48
  49             log("------------- minimized -------------");
  50             layoutTestController.setViewModeMediaFeature("minimized");
  51             log("------------- maximized -------------");
  52             layoutTestController.setViewModeMediaFeature("maximized");
  53             log("------------- windowed -------------");
  54             layoutTestController.setViewModeMediaFeature("windowed");
  55             log("------------- floating -------------");
  56             layoutTestController.setViewModeMediaFeature("floating");
  57
  58             setTimeout(function() { if (window.layoutTestController) layoutTestController.notifyDone(); }, 0);
  59
  60         }
  61     }
  62
  63     if (window.layoutTestController) {
  64         layoutTestController.setViewModeMediaFeature("windowed");
  65         window.onpageshow = pageshow;
  66     }
  67
  68 </script>
  69 </head>
  70 <body>
  71     <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>
  72     <p>Testing page cache</p>
  73     <div id="results"></div>
  74 </body>
  75 </html>