src/third_party/WebKit/LayoutTests/fast/media/mq-pointer.html

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