OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script src="../../../../resources/js-test.js"></script> | |
5 <script src="resources/gesture-helpers.js"></script> | |
6 <style type="text/css"> | |
7 | |
8 ::-webkit-scrollbar { | |
9 width: 0px; | |
10 height: 0px; | |
11 } | |
12 | |
13 #bluebox { | |
14 width: 100px; | |
15 height: 100px; | |
16 background: blue; | |
17 padding: 0px; | |
18 margin: 0px; | |
19 } | |
20 | |
21 #container { | |
22 width: 150px; | |
23 height: 150px; | |
24 overflow-y: scroll; | |
25 overflow-x: scroll; | |
26 } | |
27 | |
28 #outerdiv { | |
29 width: 200px; | |
30 height: 200px; | |
31 overflow-y: scroll; | |
32 overflow-x: scroll; | |
33 } | |
34 | |
35 td { | |
36 padding: 0px; | |
37 } | |
38 | |
39 </style> | |
40 </head> | |
41 <body style="margin:0" > | |
42 | |
43 <div id="outerdiv"> | |
44 <table border="0" cellspacing="0px" > | |
45 <tr><td> | |
46 <div id="container"> | |
47 <iframe id="touchtargetiframe" src="resources/scroll-inside-editable-ifr
ame.html"></iframe> | |
48 </div> | |
49 </td></tr> | |
50 <tr><td> | |
51 <div id="bluebox"></div> | |
52 </td></tr> | |
53 </table> | |
54 </div> | |
55 | |
56 <p id="description"></p> | |
57 <div id="console"></div> | |
58 <script type="text/javascript"> | |
59 | |
60 var movedbox; | |
61 var touchtarget; | |
62 var expectedGesturesTotal = 2; | |
63 var gesturesOccurred = 0; | |
64 var scrollAmountX = ['0', '0']; | |
65 var scrollAmountY = ['0', '50']; | |
66 var wheelEventsOccurred = 0; | |
67 var expectedWheelEventsOccurred = ['0', '0']; | |
68 var scrollEventsOccurred = 0; | |
69 var scrolledElement = 'movedbox' | |
70 var scrollEventsOccurred = 0; | |
71 var expectedScrollEventsOccurred = '1'; | |
72 | |
73 function firstGestureScroll() | |
74 { | |
75 debug("first gesture"); | |
76 eventSender.gestureScrollBegin(10, 72); | |
77 eventSender.gestureScrollUpdate(0, -700); | |
78 eventSender.gestureScrollEnd(0, 0); | |
79 | |
80 // Wait for layout. | |
81 checkScrollOffset(); | |
82 } | |
83 | |
84 function secondGestureScroll() | |
85 { | |
86 debug("second gesture"); | |
87 eventSender.gestureScrollBegin(12, 40); | |
88 eventSender.gestureScrollUpdate(0, -10); | |
89 eventSender.gestureScrollUpdate(0, -50); | |
90 eventSender.gestureScrollEnd(0, 0); | |
91 | |
92 // Wait for layout. | |
93 checkScrollOffset(); | |
94 } | |
95 | |
96 if (window.testRunner) | |
97 testRunner.waitUntilDone(); | |
98 | |
99 function runTest() | |
100 { | |
101 movedbox = document.getElementById("outerdiv"); | |
102 touchtarget = document.getElementById("touchtargetiframe"); | |
103 touchtarget.contentDocument.addEventListener("scroll", recordScroll); | |
104 touchtarget.contentDocument.body.addEventListener("mousewheel", recordWheel)
; | |
105 | |
106 if (window.eventSender) { | |
107 description('This tests that a gesture scroll is propagated from an ' + | |
108 'iframe to an outer div when the iframe has no remaining ' + | |
109 'scroll offset.'); | |
110 if (checkTestDependencies()) | |
111 firstGestureScroll(); | |
112 else | |
113 exitIfNecessary(); | |
114 } else { | |
115 debug("This test requires DumpRenderTree. Gesture-scroll the page to va
lidate the implementation."); | |
116 } | |
117 } | |
118 </script> | |
119 | |
120 | |
121 | |
122 </body> | |
123 </html> | |
OLD | NEW |