third_party/WebKit/LayoutTests/fast/events/touch/gesture/gesture-scrollbar-fling.html

   1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
   2 <html>
   3
   4 <!-- This tests that the scrollbar thumb is deselected on a fling start -->
   5
   6 <head>
   7 <style type="text/css">
   8 ::-webkit-scrollbar {
   9   background-color: #ccc;
  10   height: 15px;
  11   width: 15px;
  12 }
  13
  14 ::-webkit-scrollbar-button {
  15   display: none;
  16 }
  17
  18 ::-webkit-scrollbar-thumb {
  19   background-color: #777;
  20   height: 15px;
  21   width: 15px;
  22 }
  23
  24 ::-webkit-scrollbar-thumb:active {
  25   background-color: #333;
  26 }
  27
  28 #scrollable {
  29     height: 300px;
  30     width: 300px;
  31     overflow: scroll;
  32 }
  33
  34 .large {
  35     height: 600px;
  36     width: 600px;
  37 }
  38 </style>
  39 </head>
  40 <body onload="runTest();">
  41 <div id="scrollable">
  42   <div class="large">
  43   </div>
  44 </div>
  45 <div id="console"></div>
  46
  47 <script type="text/javascript">
  48
  49
  50 function scrollTest() {
  51     var movingDiv;
  52     movingDiv = document.getElementById('scrollable');
  53     var scrollbarX = movingDiv.offsetLeft + movingDiv.offsetWidth - 5;
  54     var scrollThumbSafeOffset = 80;
  55     var scrollbarY = movingDiv.offsetTop + scrollThumbSafeOffset;
  56
  57     // Ensure we use a touch with an area to test under touch adjustment
  58     var touchWidth = 25;
  59     var touchHeight = 25;
  60
  61     eventSender.gestureTapDown(scrollbarX, scrollbarY, touchWidth, touchHeight);
  62     eventSender.gestureFlingStart(0, 0, 0, 0, "touchscreen");
  63 }
  64
  65 function exitIfNecessary()
  66 {
  67     debug('Gesture events not implemented on this platform or broken');
  68     isSuccessfullyParsed();
  69 }
  70
  71 function runTest()
  72 {
  73     internals.settings.setMockScrollbarsEnabled(true);
  74
  75     if (window.eventSender) {
  76         if (eventSender.clearTouchPoints)
  77             scrollTest();
  78         else
  79             exitIfNecessary();
  80     } else {
  81         debug("This test requires DumpRenderTree.");
  82     }
  83 }
  84 </script>
  85 </body>
  86 </html>