OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 | 4 |
5 <p id="description"></p> | 5 <p id="description"></p> |
6 <div style="width:100px; height:80px; background-color:green; color:white" id="t
arget">Scroll over me</div> | 6 <div style="width:100px; height:80px; background-color:green; color:white" id="t
arget">Scroll over me</div> |
7 <div id="console"></div> | 7 <div id="console"></div> |
8 | 8 |
9 <script src="../js/resources/js-test-pre.js"></script> | 9 <script src="../../resources/js-test.js"></script> |
10 | 10 |
11 <script> | 11 <script> |
12 description("This test checks for the existence of the webkitDirectionInvertedFr
omDevice property in the WheelEvent."); | 12 description("This test checks for the existence of the webkitDirectionInvertedFr
omDevice property in the WheelEvent."); |
13 var t = document.getElementById("target"); | 13 var t = document.getElementById("target"); |
14 var c = document.getElementById('console'); | 14 var c = document.getElementById('console'); |
15 var result = undefined; | 15 var result = undefined; |
16 function scrollHandler(event) { | 16 function scrollHandler(event) { |
17 result = event.webkitDirectionInvertedFromDevice; | 17 result = event.webkitDirectionInvertedFromDevice; |
18 event.preventDefault(); | 18 event.preventDefault(); |
19 }; | 19 }; |
20 t.addEventListener('mousewheel', scrollHandler, false); | 20 t.addEventListener('mousewheel', scrollHandler, false); |
21 | 21 |
22 if (window.testRunner && window.eventSender) { | 22 if (window.testRunner && window.eventSender) { |
23 debug("sending scroll event to green target"); | 23 debug("sending scroll event to green target"); |
24 eventSender.mouseMoveTo(t.offsetLeft + 10, t.offsetTop + 10); | 24 eventSender.mouseMoveTo(t.offsetLeft + 10, t.offsetTop + 10); |
25 eventSender.continuousMouseScrollBy(0,10); | 25 eventSender.continuousMouseScrollBy(0,10); |
26 shouldBeTrue('result != undefined'); | 26 shouldBeTrue('result != undefined'); |
27 } | 27 } |
28 </script> | 28 </script> |
29 | 29 |
30 | 30 |
31 </body> | 31 </body> |
32 </html> | 32 </html> |
OLD | NEW |