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

   1 <!DOCTYPE html>
   2 <script src="../../../../resources/js-test.js"></script>
   3 <style>
   4 ::-webkit-scrollbar {
   5   background-color: #ccc;
   6   /* fixed size for consistent touch adjustment behavior across platforms */
   7   width: 15px;
   8 }
   9
  10 ::-webkit-scrollbar-button {
  11   display: none;
  12 }
  13
  14 ::-webkit-scrollbar-thumb {
  15   background-color: #777;
  16   width: 15px;
  17 }
  18
  19 body {
  20     margin: 0;
  21 }
  22
  23 .large {
  24     height: 2000px;
  25     width: 600px;
  26 }
  27 </style>
  28 <div id="console"></div>
  29 <div class="large">
  30
  31 <script type="text/javascript">
  32
  33 // Ensure there's a candidate for touch adjustment.
  34 document.addEventListener("click", function() {});
  35
  36 function scrollTest() {
  37     shouldBeGreaterThan("window.innerWidth - document.body.clientWidth", "5");
  38     var scrollbarX = document.body.clientWidth + 5;
  39     var scrollbarY = 50;
  40
  41     // Ensure we use a touch with an area to test under touch adjustment
  42     var touchWidth = 25;
  43     var touchHeight = 25;
  44
  45     shouldBe('window.scrollY', '0');
  46     eventSender.gestureTapDown(scrollbarX, scrollbarY, touchWidth, touchHeight);
  47     eventSender.gestureShowPress(scrollbarX, scrollbarY, touchWidth, touchHeight);
  48     eventSender.gestureScrollBegin(scrollbarX - 20, scrollbarY, touchWidth, touchHeight);
  49     eventSender.gestureTapCancel(scrollbarX, scrollbarY, touchWidth, touchHeight);
  50     shouldBe('window.scrollY', '0');
  51     eventSender.gestureScrollUpdate(0, 20);
  52     shouldBeGreaterThan('window.scrollY', '20');
  53     eventSender.gestureScrollUpdate(0, 60);
  54     shouldBeGreaterThan('window.scrollY', '85');
  55     eventSender.gestureScrollEnd(0, 0);
  56     shouldBeGreaterThan('window.scrollY', '85');
  57 }
  58
  59 //if (window.internals)
  60 //    internals.settings.setMockScrollbarsEnabled(true);
  61
  62 description('This tests scroll gesture events on main frame scroll bars. ' +
  63     'The document should be slightly scrolled down if successful.');
  64
  65 if (window.eventSender) {
  66    scrollTest();
  67 } else {
  68     debug("This test requires eventSender");
  69 }
  70 </script>