src/third_party/WebKit/LayoutTests/fast/events/touch/gesture/touch-gesture-scroll-div-scaled.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3 <head>
   4 <script src="../../../../resources/js-test.js"></script>
   5 <script src="resources/gesture-helpers.js"></script>
   6 <style type="text/css">
   7 #touchtarget {
   8   width: 100px;
   9   height: 100px;
  10   position: relative;
  11   background: white;
  12 }
  13
  14 ::-webkit-scrollbar {
  15     width: 0px;
  16     height: 0px;
  17 }
  18
  19 #movingbox {
  20   width: 100%;
  21   height: 100%;
  22   position: absolute;
  23   word-wrap: break-word;
  24   overflow-y: scroll;
  25   overflow-x: scroll;
  26   display: block;
  27 }
  28
  29 #greenbox {
  30   width: 100px;
  31   height: 100px;
  32   background: green;
  33   padding: 0px;
  34   margin: 0px;
  35 }
  36
  37 #redbox {
  38   width: 100px;
  39   height: 100px;
  40   background: red;
  41   padding: 0px;
  42   margin: 0px;
  43 }
  44
  45 td {
  46   padding: 0px;
  47 }
  48 </style>
  49 </head>
  50 <body style="margin:0" onload="runTest();">
  51 <div id="touchtarget">
  52   <div id="movingbox">
  53     <table border="0" cellspacing="0px" id="tablefoo">
  54       <tr>
  55         <td><div id="redbox"></div></td>
  56         <td><div id="greenbox"></div></td>
  57       </tr>
  58       <tr>
  59         <td><div id="greenbox"></div></td>
  60         <td><div id="greenbox"></div></td>
  61       </tr>
  62     </table>
  63   </div>
  64 </div>
  65
  66 <p id="description"></p>
  67 <div id="console"></div>
  68 <script type="text/javascript">
  69
  70 var movingdiv;
  71 var expectedGesturesTotal = 2;
  72 var gesturesOccurred = 0;
  73 var scrollAmountX = ['45', '45'];
  74 var scrollAmountY = ['0', '47.5'];
  75 var wheelEventsOccurred = 0;
  76 var expectedWheelEventsOccurred = ['0', '0'];
  77 var scrollEventsOccurred = 0;
  78 var expectedScrollEventsOccurred = '1';
  79 var scrolledElement = 'movingdiv'
  80
  81 function firstGestureScroll()
  82 {
  83     debug("first gesture");
  84     eventSender.gestureScrollBegin(95, 12);
  85     eventSender.gestureScrollUpdate(-90, 0);
  86     eventSender.gestureScrollEnd(0, 0);
  87
  88     // Wait for layout.
  89     checkScrollOffset();
  90 }
  91
  92  function secondGestureScroll()
  93  {
  94      debug("second gesture");
  95      eventSender.gestureScrollBegin(12, 97);
  96      eventSender.gestureScrollUpdate(0, -95);
  97      eventSender.gestureScrollEnd(0, 0);
  98
  99      // Wait for layout.
 100      checkScrollOffset();
 101  }
 102
 103 if (window.testRunner)
 104     testRunner.waitUntilDone();
 105
 106 function runTest()
 107 {
 108     var scaleFactor = 2.0;
 109     var scaleOffset = 0;
 110     if (window.eventSender)
 111       eventSender.setPageScaleFactor(scaleFactor, scaleOffset, scaleOffset);
 112
 113     movingdiv = document.getElementById('movingbox');
 114     movingdiv.addEventListener("scroll", recordScroll);
 115     window.addEventListener("mousewheel", recordWheel);
 116
 117     if (window.eventSender) {
 118         description('This tests gesture event scrolling of an overflow div with page scale.');
 119
 120         if (checkTestDependencies())
 121             firstGestureScroll();
 122         else
 123             exitIfNecessary();
 124     } else {
 125         debug("This test requires DumpRenderTree.  Touch scroll the red rect to log.");
 126     }
 127 }
 128 </script>
 129 </body>
 130 </html>