third_party/WebKit/LayoutTests/fast/events/touch/gesture/touch-gesture-scroll-div-zoomed.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 = ['80', '80'];
  74 var scrollAmountY = ['0', '32'];
  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
  85     window.internals.setZoomFactor(0.5);
  86     eventSender.gestureScrollBegin(45, 12);
  87     eventSender.gestureScrollUpdate(-40, 0);
  88     eventSender.gestureScrollEnd(0, 0);
  89
  90     // Wait for layout.
  91     checkScrollOffset();
  92 }
  93
  94 function secondGestureScroll()
  95 {
  96     debug("second gesture");
  97
  98     window.internals.setZoomFactor(1.25);
  99     eventSender.gestureScrollBegin(12, 47);
 100     eventSender.gestureScrollUpdate(0, -40);
 101     eventSender.gestureScrollEnd(0, 0);
 102
 103     // Wait for layout.
 104     checkScrollOffset();
 105 }
 106
 107 if (window.testRunner)
 108     testRunner.waitUntilDone();
 109
 110 function runTest()
 111 {
 112     movingdiv = document.getElementById('movingbox');
 113     movingdiv.addEventListener("scroll", recordScroll);
 114     window.addEventListener("mousewheel", recordWheel);
 115
 116     if (window.eventSender) {
 117         description('This tests gesture event scrolling of an overflow div with browser zoom.');
 118
 119         if (checkTestDependencies())
 120             firstGestureScroll();
 121         else
 122             exitIfNecessary();
 123     } else {
 124         debug("This test requires DumpRenderTree.  Touch scroll the red rect to log.");
 125     }
 126 }
 127 </script>
 128 </body>
 129 </html>