LayoutTests/fast/events/platform-wheelevent-paging-y-in-scrolling-page.html - Issue 1133693002: Update most LayoutTests to be agnostic to scrollTopLeftInterop mode

Side by Side Diff: LayoutTests/fast/events/platform-wheelevent-paging-y-in-scrolling-page.html

Issue 1133693002: Update most LayoutTests to be agnostic to scrollTopLeftInterop mode (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: tdresser cr feedback Created 5 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/fast/events/platform-wheelevent-paging-y-in-non-scrolling-page-expected.txt ('k') | LayoutTests/fast/events/resources/drag-and-drop-autoscroll-frame.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <script src="../../resources/js-test.js"></script>	3 <script src="../../resources/js-test.js"></script>

4 <script>	4 <script>

5 var givenScrollTop = 2; // Only page is scrolled per event, regardle ss of this number.	5 var givenScrollTop = 2; // Only page is scrolled per event, regardle ss of this number.

6 var givenScrollLeft = 0;	6 var givenScrollLeft = 0;

7 var expectedScrollTop = 525; // Window is 800x600. Scroll 87.5% of v isible.	7 var expectedScrollTop = 525; // Window is 800x600. Scroll 87.5% of v isible.

8 var expectedScrollLeft = 0;	8 var expectedScrollLeft = 0;

9 var event;	9 var event;

10 var div;	10 var div;

11	11

12 window.jsTestIsAsync = true;	12 window.jsTestIsAsync = true;

13 if (window.testRunner)	13 if (window.testRunner)

14 testRunner.waitUntilDone();	14 testRunner.waitUntilDone();

15	15

16 function dispatchWheelEvent()	16 function dispatchWheelEvent()

17 {	17 {

18 document.body.addEventListener("mousewheel", mousewheelHandler, false);	18 document.body.addEventListener("mousewheel", mousewheelHandler, false);

19	19

20 if (window.eventSender) {	20 if (window.eventSender) {

21 eventSender.mouseMoveTo(100, 110);	21 eventSender.mouseMoveTo(100, 110);

22 eventSender.continuousMouseScrollBy(-window.givenScrollLeft, -window.givenScrollTop, true);	22 eventSender.continuousMouseScrollBy(-window.givenScrollLeft, -window.givenScrollTop, true);

23 }	23 }

24	24

25 setTimeout('checkOffsets();', 100);	25 setTimeout('checkOffsets();', 100);

26 }	26 }

27	27

28 function checkOffsets()	28 function checkOffsets()

29 {	29 {

30 shouldBe("document.body.scrollTop", "window.expectedScrollTop");	30 shouldBe("document.scrollingElement.scrollTop", "window.expected ScrollTop");

31 shouldBe("document.body.scrollLeft", "window.expectedScrollLeft" );	31 shouldBe("document.scrollingElement.scrollLeft", "window.expecte dScrollLeft");

32 finishJSTest();	32 finishJSTest();

33 }	33 }

34	34

35 function mousewheelHandler(e)	35 function mousewheelHandler(e)

36 {	36 {

37 event = e;	37 event = e;

38 shouldBe("event.wheelDeltaY", "window.givenScrollTop * -3");	38 shouldBe("event.wheelDeltaY", "window.givenScrollTop * -3");

39 shouldBe("event.wheelDeltaX", "0");	39 shouldBe("event.wheelDeltaX", "0");

40	40

41 if (e.wheelDeltaY)	41 if (e.wheelDeltaY)

42 shouldBe("event.wheelDelta", "window.givenScrollTop * -3");	42 shouldBe("event.wheelDelta", "window.givenScrollTop * -3");

43 else	43 else

44 shouldBe("event.wheelDelta", "0");	44 shouldBe("event.wheelDelta", "0");

45 }	45 }

46 </script>	46 </script>

47 </head>	47 </head>

48	48

49 <body style="margin:0" onload="setTimeout('dispatchWheelEvent();', 100)">	49 <body style="margin:0" onload="setTimeout('dispatchWheelEvent();', 100)">

50 <div style="height:900px;width:400px">	50 <div style="height:900px;width:400px">

51 <div style="background-color:red;height:900px;width:200px;position:rel ative;left:0px;top:0px"></div>	51 <div style="background-color:red;height:900px;width:200px;position:rel ative;left:0px;top:0px"></div>

52 <div style="background-color:green;height:900px;width:200px;position:r elative;left:200px;top:-900px"></div>	52 <div style="background-color:green;height:900px;width:200px;position:r elative;left:200px;top:-900px"></div>

53 </div>	53 </div>

54 <div style="height:900px;width:400px">	54 <div style="height:900px;width:400px">

55 <div style="background-color:blue;height:900px;width:200px;position:re lative;left:0px;top:0px"></div>	55 <div style="background-color:blue;height:900px;width:200px;position:re lative;left:0px;top:0px"></div>

56 <div style="background-color:yellow;height:900px;width:200px;position: relative;left:200px;top:-900px"></div>	56 <div style="background-color:yellow;height:900px;width:200px;position: relative;left:200px;top:-900px"></div>

57 </div>	57 </div>

58 <div id="console"></div>	58 <div id="console"></div>

59 </body>	59 </body>

60 </html>	60 </html>

OLD	NEW