| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <title>Test the CSS4 media query "hover" features.</title> | 3 <title>Test the CSS4 media query "hover" features.</title> |
| 4 <style type="text/css"> | 4 <style type="text/css"> |
| 5 | 5 |
| 6 </style> | 6 </style> |
| 7 <script type="text/javascript" charset="utf-8"> | 7 <script type="text/javascript" charset="utf-8"> |
| 8 if (window.testRunner) | 8 if (window.testRunner) |
| 9 testRunner.dumpAsText(); | 9 testRunner.dumpAsText(); |
| 10 | 10 |
| 11 function log(m) { | 11 function log(m) { |
| 12 document.getElementById('results').innerHTML += m + '<br>'; | 12 document.getElementById('results').innerHTML += m + '<br>'; |
| 13 } | 13 } |
| 14 | 14 |
| 15 function testQueries() | 15 function testQueries() |
| 16 { | 16 { |
| 17 var queries = [ | 17 var queries = [ |
| 18 "(hover)", | 18 "(hover)", |
| 19 "(Hover)", | 19 "(Hover)", |
| 20 "(hover:none)", | 20 "(hover:none)", |
| 21 "(hover:NoNe)", | 21 "(hover:NoNe)", |
| 22 "(hover:on-demand)", | 22 "(hover:on-demand)", |
| 23 "(hover:oN-dEmAnd)", | |
| 24 "(hover:bogusvalue)", | 23 "(hover:bogusvalue)", |
| 25 "(hover:hover)", | 24 "(hover:hover)", |
| 26 "(hover:HoveR)", | 25 "(hover:HoveR)", |
| 27 "(any-hover)", | 26 "(any-hover)", |
| 28 "(any-Hover)", | 27 "(any-Hover)", |
| 29 "(any-hover:none)", | 28 "(any-hover:none)", |
| 30 "(any-hover:NoNe)", | 29 "(any-hover:NoNe)", |
| 31 "(any-hover:on-demand)", | 30 "(any-hover:on-demand)", |
| 32 "(any-hover:oN-dEmAnd)", | |
| 33 "(any-hover:bogusvalue)", | 31 "(any-hover:bogusvalue)", |
| 34 "(any-hover:hover)", | 32 "(any-hover:hover)", |
| 35 "(any-hover:HoveR)" | 33 "(any-hover:HoveR)" |
| 36 ]; | 34 ]; |
| 37 for (var index=0; index < queries.length; index++) { | 35 for (var index=0; index < queries.length; index++) { |
| 38 log("Query "" + queries[index] + "": " + | 36 log("Query "" + queries[index] + "": " + |
| 39 window.matchMedia(queries[index]).matches); | 37 window.matchMedia(queries[index]).matches); |
| 40 } | 38 } |
| 41 } | 39 } |
| 42 | 40 |
| 43 function runTests() | 41 function runTests() |
| 44 { | 42 { |
| 45 if (!window.internals) | 43 if (!window.internals) |
| 46 return; | 44 return; |
| 47 | 45 |
| 48 log("------------- with 'on-demand' hover -------------"); | |
| 49 internals.settings.setPrimaryHoverType('on-demand'); | |
| 50 internals.settings.setAvailableHoverTypes('on-demand'); | |
| 51 testQueries(); | |
| 52 | |
| 53 log("------------- with 'hover' hover -------------"); | 46 log("------------- with 'hover' hover -------------"); |
| 54 internals.settings.setPrimaryHoverType('hover'); | 47 internals.settings.setPrimaryHoverType('hover'); |
| 55 internals.settings.setAvailableHoverTypes('hover'); | 48 internals.settings.setAvailableHoverTypes('hover'); |
| 56 testQueries(); | 49 testQueries(); |
| 57 | 50 |
| 58 log("------------- with 'on-demand' and 'hover' hover, 'hover' is primar
y -------------"); | 51 log("------------- with 'none' and 'hover' hover, 'none' is primary ----
---------"); |
| 59 internals.settings.setPrimaryHoverType('hover'); | |
| 60 internals.settings.setAvailableHoverTypes('on-demand,hover'); | |
| 61 testQueries(); | |
| 62 | |
| 63 log("------------- with 'on-demand' and 'hover' hover, 'on-demand' is pr
imary -------------"); | |
| 64 internals.settings.setPrimaryHoverType('on-demand'); | |
| 65 internals.settings.setAvailableHoverTypes('on-demand,hover'); | |
| 66 testQueries(); | |
| 67 | |
| 68 log("------------- with 'none', 'on-demand' and 'hover' hover, 'none' is
primary -------------"); | |
| 69 internals.settings.setPrimaryHoverType('none'); | 52 internals.settings.setPrimaryHoverType('none'); |
| 70 internals.settings.setAvailableHoverTypes('none,on-demand,hover'); | 53 internals.settings.setAvailableHoverTypes('none,hover'); |
| 71 testQueries(); | 54 testQueries(); |
| 72 | 55 |
| 73 log("------------- with 'none' hover -------------"); | 56 log("------------- with 'none' hover -------------"); |
| 74 internals.settings.setPrimaryHoverType('none'); | 57 internals.settings.setPrimaryHoverType('none'); |
| 75 internals.settings.setAvailableHoverTypes('none'); | 58 internals.settings.setAvailableHoverTypes('none'); |
| 76 testQueries(); | 59 testQueries(); |
| 77 } | 60 } |
| 78 | 61 |
| 79 </script> | 62 </script> |
| 80 </head> | 63 </head> |
| 81 <body onload="runTests()"> | 64 <body onload="runTests()"> |
| 82 <p>Test the <a href="http://www.w3.org/TR/2014/WD-mediaqueries-4-20140605/#h
over">(hover)</a> media features. | 65 <p>Test the <a href="http://www.w3.org/TR/2014/WD-mediaqueries-4-20140605/#h
over">(hover)</a> media features. |
| 83 See <a href="http://crbug.com/136119">Bug 136119</a> for details.</p> | 66 See <a href="http://crbug.com/136119">Bug 136119</a> for details.</p> |
| 84 | 67 |
| 85 <div id="results"> | 68 <div id="results"> |
| 86 </div> | 69 </div> |
| 87 </body> | 70 </body> |
| 88 </html> | 71 </html> |
| OLD | NEW |