chrome/test/data/chromedriver/touch_action_tests.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="UTF-8">
   5     <meta name="viewport" content="width=device-width,initial-scale=1.0">
   6     <title>Touch Action Test Page</title>
   7   </head>
   8   <body>
   9     <div id="events">events: </div>
  10     <div id="padding">
  11       We need some padding here so that the page is large enough to test swipe
  12       and scroll actions.
  13     </div>
  14     <div id="bottom">This is the bottom of the page.</div>
  15     <script>
  16       events = document.getElementById('events');
  17       var eventTypes = ['touchstart', 'touchend', 'touchmove', 'touchcancel'];
  18       var eventListener = function(evt) {
  19         events.innerHTML += ' ' + evt.type;
  20       };
  21
  22       for (var i = 0; i < eventTypes.length; i++) {
  23         events.addEventListener(eventTypes[i], eventListener);
  24       }
  25
  26       var padding = document.getElementById('padding');
  27       padding.style.border = 'solid';
  28       padding.style.height = window.screen.height * 2 + 'px';
  29       padding.style.width = window.screen.width * 2 + 'px';
  30     </script>
  31   </body>
  32 </html>