OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../../../resources/js-test.js"></script> | 4 <script src="../../../../resources/js-test.js"></script> |
5 <script src="resources/gesture-helpers.js"></script> | 5 <script src="resources/gesture-helpers.js"></script> |
6 <style type="text/css"> | 6 <style type="text/css"> |
7 | 7 |
8 ::-webkit-scrollbar { | 8 ::-webkit-scrollbar { |
9 width: 0px; | 9 width: 0px; |
10 height: 0px; | 10 height: 0px; |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
44 </table> | 44 </table> |
45 </div> | 45 </div> |
46 | 46 |
47 <p id="description"></p> | 47 <p id="description"></p> |
48 <div id="console"></div> | 48 <div id="console"></div> |
49 <script type="text/javascript"> | 49 <script type="text/javascript"> |
50 | 50 |
51 var movedbox; | 51 var movedbox; |
52 var touchtarget; | 52 var touchtarget; |
53 var iframe; | 53 var iframe; |
54 var iframeBody; | 54 var iframeScrollingElement; |
55 var iframeDocumentElement; | 55 var iframeDocumentElement; |
56 var expectedGesturesTotal = 1; | 56 var expectedGesturesTotal = 1; |
57 var gesturesOccurred = 0; | 57 var gesturesOccurred = 0; |
58 var scrollAmountX = ['0']; | 58 var scrollAmountX = ['0']; |
59 var scrollAmountY = ['50']; | 59 var scrollAmountY = ['50']; |
60 var wheelEventsOccurred = 0; | 60 var wheelEventsOccurred = 0; |
61 var expectedWheelEventsOccurred = ['0']; | 61 var expectedWheelEventsOccurred = ['0']; |
62 var scrollEventsOccurred = 0; | 62 var scrollEventsOccurred = 0; |
63 var scrolledElement = 'movedbox'; | 63 var scrolledElement = 'movedbox'; |
64 var scrollEventsOccurred = 0; | 64 var scrollEventsOccurred = 0; |
65 var expectedScrollEventsOccurred = '1'; | 65 var expectedScrollEventsOccurred = '1'; |
66 | 66 |
67 function firstGestureScroll() | 67 function firstGestureScroll() |
68 { | 68 { |
69 iframe = touchtarget; | 69 iframe = touchtarget; |
70 iframeBody = iframe.contentDocument.body; | 70 iframeScrollingElement = iframe.contentDocument.scrollingElement; |
71 iframeDocumentElement = touchtarget.contentDocument.documentElement; | |
72 | 71 |
73 var amountToScroll = iframeBody.scrollHeight - iframe.clientHeight; | 72 var amountToScroll = iframeScrollingElement.scrollHeight - iframe.clientHeig
ht; |
74 | 73 |
75 iframeBody.scrollTop = amountToScroll; | 74 iframeScrollingElement.scrollTop = amountToScroll; |
76 | 75 |
77 // Sanity - make sure the iframe is actually fully scrolled | 76 // Sanity - make sure the iframe is actually fully scrolled |
78 shouldBe('iframeBody.scrollHeight - iframeBody.scrollTop', 'iframe.clientHei
ght'); | 77 shouldBe('iframeScrollingElement.scrollHeight - iframeScrollingElement.scrol
lTop', 'iframe.clientHeight'); |
79 | 78 |
80 eventSender.gestureScrollBegin(10, 72); | 79 eventSender.gestureScrollBegin(10, 72); |
81 // Prevent scroll to propagate by passing true for third parameter | 80 // Prevent scroll to propagate by passing true for third parameter |
82 eventSender.gestureScrollUpdate(0, -20, true); | 81 eventSender.gestureScrollUpdate(0, -20, true); |
83 eventSender.gestureScrollUpdate(0, -18, true); | 82 eventSender.gestureScrollUpdate(0, -18, true); |
84 eventSender.gestureScrollUpdate(0, -15, true); | 83 eventSender.gestureScrollUpdate(0, -15, true); |
85 eventSender.gestureScrollUpdate(0, -10, true); | 84 eventSender.gestureScrollUpdate(0, -10, true); |
86 eventSender.gestureScrollEnd(0, 0); | 85 eventSender.gestureScrollEnd(0, 0); |
87 | 86 |
88 amountToScroll = movedbox.scrollHeight - movedbox.clientHeight; | 87 amountToScroll = movedbox.scrollHeight - movedbox.clientHeight; |
(...skipping 25 matching lines...) Expand all Loading... |
114 } else { | 113 } else { |
115 debug("This test requires DumpRenderTree. Gesture-scroll the page to va
lidate the implementation."); | 114 debug("This test requires DumpRenderTree. Gesture-scroll the page to va
lidate the implementation."); |
116 } | 115 } |
117 } | 116 } |
118 </script> | 117 </script> |
119 | 118 |
120 | 119 |
121 | 120 |
122 </body> | 121 </body> |
123 </html> | 122 </html> |
OLD | NEW |