OLD | NEW |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <script src="../../../../resources/js-test.js"></script> | 3 <script src="../../../../resources/js-test.js"></script> |
4 <script> | 4 <script> |
5 if (window.testRunner && window.eventSender && window.internals) { | 5 if (window.testRunner && window.eventSender && window.internals) { |
6 window.jsTestIsAsync = true; | 6 window.jsTestIsAsync = true; |
7 testRunner.waitUntilDone(); | 7 testRunner.waitUntilDone(); |
8 } | 8 } |
9 | 9 |
10 var horizontalContainer; | 10 var horizontalContainer; |
(...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
77 } | 77 } |
78 | 78 |
79 var setVerticalContainerScrollsExpectation = function() { | 79 var setVerticalContainerScrollsExpectation = function() { |
80 verticalContainer.addEventListener("scroll", verticalContainerScrollHandler) ; | 80 verticalContainer.addEventListener("scroll", verticalContainerScrollHandler) ; |
81 checkExpectation = function() { | 81 checkExpectation = function() { |
82 shouldNotBe('verticalContainer.scrollTop', 'fullyScrolled'); | 82 shouldNotBe('verticalContainer.scrollTop', 'fullyScrolled'); |
83 } | 83 } |
84 } | 84 } |
85 | 85 |
86 var setContainerDoesntScrollExpectation = function() { | 86 var setContainerDoesntScrollExpectation = function() { |
87 // Scrolling just the visual viewport doesn't trigger scroll events. Thus, | |
88 // we scroll the layout viewport before the fling so that the fling triggers | |
89 // the scrollHandler. | |
90 window.scrollTo(10, 10); | |
bokan
2015/10/21 21:48:36
I'm a bit worried that this could cause flakiness
| |
87 window.addEventListener("scroll", scrollHandler); | 91 window.addEventListener("scroll", scrollHandler); |
88 checkExpectation = function() { | 92 checkExpectation = function() { |
89 shouldBe('verticalContainer.scrollTop', 'fullyScrolled'); | 93 shouldBe('verticalContainer.scrollTop', 'fullyScrolled'); |
90 shouldBe('horizontalContainer.scrollLeft', 'fullyScrolled'); | 94 shouldBe('horizontalContainer.scrollLeft', 'fullyScrolled'); |
91 } | 95 } |
92 } | 96 } |
93 | 97 |
94 var reset = function() { | 98 var reset = function() { |
95 window.removeEventListener("scroll", scrollHandler); | 99 window.removeEventListener("scroll", scrollHandler); |
96 horizontalContainer.removeEventListener("scroll", horizontalContainerScrollH andler); | 100 horizontalContainer.removeEventListener("scroll", horizontalContainerScrollH andler); |
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
181 } | 185 } |
182 } | 186 } |
183 | 187 |
184 var runTest = function() { | 188 var runTest = function() { |
185 reset(); | 189 reset(); |
186 tests[currentTest](); | 190 tests[currentTest](); |
187 } | 191 } |
188 </script> | 192 </script> |
189 | 193 |
190 <style> | 194 <style> |
195 body { | |
196 width: 1000px; | |
197 height: 1000px; | |
198 } | |
191 .verticalContainer { | 199 .verticalContainer { |
192 position: absolute; | 200 position: absolute; |
193 left: 350px; | 201 left: 350px; |
194 top: 0px; | 202 top: 0px; |
195 width: 50px; | 203 width: 50px; |
196 height: 300px; | 204 height: 300px; |
197 overflow-y: scroll; | 205 overflow-y: scroll; |
198 overflow-x: hidden; | 206 overflow-x: hidden; |
199 } | 207 } |
200 | 208 |
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
265 <div style="float: left" class="greenbox"></div> | 273 <div style="float: left" class="greenbox"></div> |
266 <div style="float: left" class="redbox"></div> | 274 <div style="float: left" class="redbox"></div> |
267 <div style="float: left" class="greenbox"></div> | 275 <div style="float: left" class="greenbox"></div> |
268 <div style="float: left" class="redbox"></div> | 276 <div style="float: left" class="redbox"></div> |
269 <div style="float: left" class="greenbox"></div> | 277 <div style="float: left" class="greenbox"></div> |
270 <div style="float: left" class="redbox"></div> | 278 <div style="float: left" class="redbox"></div> |
271 <div style="float: left" class="greenbox"></div> | 279 <div style="float: left" class="greenbox"></div> |
272 <div style="float: left" class="redbox"></div> | 280 <div style="float: left" class="redbox"></div> |
273 </div> | 281 </div> |
274 </div> | 282 </div> |
OLD | NEW |