third_party/WebKit/LayoutTests/fast/events/platform-wheelevent-paging-y-in-scrolling-page.html

   1 <html>
   2     <head>
   3         <script src="../../resources/js-test.js"></script>
   4         <script>
   5             var givenScrollTop = 2; // Only page is scrolled per event, regardless of this number.
   6             var givenScrollLeft = 0;
   7             var expectedScrollTop = 525; // Window is 800x600. Scroll 87.5% of visible.
   8             var expectedScrollLeft = 0;
   9             var event;
  10             var div;
  11
  12             window.jsTestIsAsync = true;
  13             if (window.testRunner)
  14                 testRunner.waitUntilDone();
  15
  16             function dispatchWheelEvent()
  17             {
  18                 document.body.addEventListener("mousewheel", mousewheelHandler, false);
  19
  20                 if (window.eventSender) {
  21                     eventSender.mouseMoveTo(100, 110);
  22                     eventSender.continuousMouseScrollBy(-window.givenScrollLeft, -window.givenScrollTop, true);
  23                 }
  24
  25                 setTimeout('checkOffsets();', 100);
  26             }
  27
  28             function checkOffsets()
  29             {
  30                 shouldBe("document.scrollingElement.scrollTop", "window.expectedScrollTop");
  31                 shouldBe("document.scrollingElement.scrollLeft", "window.expectedScrollLeft");
  32                 finishJSTest();
  33             }
  34
  35             function mousewheelHandler(e)
  36             {
  37                 event = e;
  38                 shouldBe("event.wheelDeltaY", "window.givenScrollTop * -3");
  39                 shouldBe("event.wheelDeltaX", "0");
  40
  41                 if (e.wheelDeltaY)
  42                     shouldBe("event.wheelDelta", "window.givenScrollTop * -3");
  43                 else
  44                     shouldBe("event.wheelDelta", "0");
  45             }
  46         </script>
  47     </head>
  48
  49     <body style="margin:0" onload="setTimeout('dispatchWheelEvent();', 100)">
  50         <div style="height:900px;width:400px">
  51           <div style="background-color:red;height:900px;width:200px;position:relative;left:0px;top:0px"></div>
  52           <div style="background-color:green;height:900px;width:200px;position:relative;left:200px;top:-900px"></div>
  53         </div>
  54         <div style="height:900px;width:400px">
  55           <div style="background-color:blue;height:900px;width:200px;position:relative;left:0px;top:0px"></div>
  56           <div style="background-color:yellow;height:900px;width:200px;position:relative;left:200px;top:-900px"></div>
  57         </div>
  58         <div id="console"></div>
  59     </body>
  60 </html>