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

   1 <html>
   2     <head>
   3         <script src="../../resources/js-test.js"></script>
   4         <script>
   5             var givenScrollTop = 0;
   6             var givenScrollLeft = 2; // When paging, this is ignored. Every event is one page.
   7             var expectedScrollTop = 0;
   8             var expectedScrollLeft = 700; // Window is 800x600. Scroll 87.5% of visible.
   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", "0");
  39                 shouldBe("event.wheelDeltaX", "window.givenScrollLeft * -3");
  40
  41                 if (e.wheelDeltaY)
  42                     shouldBe("event.wheelDelta", "0");
  43                 else
  44                     shouldBe("event.wheelDelta", "window.givenScrollLeft * -3");
  45             }
  46         </script>
  47     </head>
  48
  49     <body style="margin:0;padding:0" onload="setTimeout('dispatchWheelEvent();', 100)">
  50         <div style="margin:0;padding:0;height:200px;width:2400px">
  51           <div style="margin:0;padding:0;background-color:red;height:200px;width:1200px;position:relative;left:0px;top:0px"></div>
  52           <div style="margin:0;padding:0;background-color:green;height:200px;width:1200px;position:relative;left:1200px;top:-200px"></div>
  53         </div>
  54         <div style="margin:0;padding:0;height:200px;width:2400px">
  55           <div style="margin:0;padding:0;background-color:blue;height:200px;width:1200px;position:relative;left:0px;top:0px"></div>
  56           <div style="margin:0;padding:0;background-color:yellow;height:200px;width:1200px;position:relative;left:1200px;top:-200px"></div>
  57         </div>
  58         <div id="console"></div>
  59     </body>
  60 </html>