| OLD | NEW |
| (Empty) |
| 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.testRunner) { | |
| 7 testRunner.dumpAsText(); | |
| 8 testRunner.waitUntilDone(); | |
| 9 testRunner.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 ? "tr
ue" : "false")); | |
| 18 } | |
| 19 | |
| 20 function callback2(query) { | |
| 21 log("[2] - query " + query.media + " changed to " + (query.matches ? "tr
ue" : "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 testRunner.setViewModeMediaFeature("minimized"); | |
| 51 log("------------- maximized -------------"); | |
| 52 testRunner.setViewModeMediaFeature("maximized"); | |
| 53 log("------------- windowed -------------"); | |
| 54 testRunner.setViewModeMediaFeature("windowed"); | |
| 55 log("------------- floating -------------"); | |
| 56 testRunner.setViewModeMediaFeature("floating"); | |
| 57 | |
| 58 setTimeout(function() { if (window.testRunner) testRunner.notifyDone
(); }, 0); | |
| 59 | |
| 60 } | |
| 61 } | |
| 62 | |
| 63 if (window.testRunner) { | |
| 64 testRunner.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> | |
| OLD | NEW |