| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <link rel="help" href="http://www.w3.org/TR/DOM-Level-3-Events/#events-WheelEven
t"> | 4 <link rel="help" href="http://www.w3.org/TR/DOM-Level-3-Events/#events-WheelEven
t"> |
| 5 <script src="../../../resources/js-test.js"></script> | 5 <script src="../../../resources/js-test.js"></script> |
| 6 <script> | 6 <script> |
| 7 var deltaY = 0; | 7 var deltaY = 0; |
| 8 var scrollAmount = -2; | 8 var scrollAmount = -2; |
| 9 var expectedDeltaY = scrollAmount * -40; | 9 var expectedDeltaY = scrollAmount * -40; |
| 10 | 10 |
| 11 var testDiv; | 11 var testDiv; |
| 12 function runTest() { | 12 function runTest() { |
| 13 | 13 |
| 14 testDiv = document.getElementById('target'); | 14 testDiv = document.getElementById('target'); |
| 15 document.addEventListener('wheel', wheelHandler); | 15 document.addEventListener('wheel', wheelHandler); |
| 16 if (!window.eventSender) { | 16 if (!window.eventSender) { |
| 17 debug("FAIL: This test requires window.eventSender."); | 17 debug("FAIL: This test requires window.eventSender."); |
| 18 return; | 18 return; |
| 19 } | 19 } |
| 20 | 20 |
| 21 debug('Test mousewheel events over scrollable div'); | 21 debug('Test mousewheel events over scrollable div'); |
| 22 | 22 |
| 23 debug('With ctrl modifier set and canScroll set to be false'); | 23 debug('With ctrl modifier set and canScroll set to be false'); |
| 24 wheelEventCount = 0; | 24 wheelEventCount = 0; |
| 25 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); | 25 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); |
| 26 eventSender.mouseScrollBy(0, scrollAmount, false, true, "ctrlKey", false); | 26 eventSender.mouseScrollBy(0, scrollAmount, false, true, "ctrlKey", false , "
phaseBegan"); |
| 27 shouldBe("wheelEventCount", "1"); | 27 shouldBe("wheelEventCount", "1"); |
| 28 shouldEvaluateTo("deltaY", expectedDeltaY); | 28 shouldEvaluateTo("deltaY", expectedDeltaY); |
| 29 shouldBeTrue("ctrlKey"); | 29 shouldBeTrue("ctrlKey"); |
| 30 shouldBe("testDiv.scrollTop", "0"); | 30 shouldBe("testDiv.scrollTop", "0"); |
| 31 | 31 |
| 32 debug('Without ctrl and canScroll set to be default true'); | 32 debug('Without ctrl and canScroll set to be default true'); |
| 33 wheelEventCount = 0; | 33 wheelEventCount = 0; |
| 34 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); | 34 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); |
| 35 eventSender.mouseScrollBy(0, scrollAmount, false, true); | 35 eventSender.mouseScrollBy(0, scrollAmount, false, true, 0, true, "phaseChang
ed"); |
| 36 shouldBe("wheelEventCount", "1"); | 36 shouldBe("wheelEventCount", "1"); |
| 37 shouldEvaluateTo("deltaY", expectedDeltaY); | 37 shouldEvaluateTo("deltaY", expectedDeltaY); |
| 38 shouldBeFalse("ctrlKey"); | 38 shouldBeFalse("ctrlKey"); |
| 39 shouldBe("testDiv.scrollTop", "deltaY"); | 39 shouldBe("testDiv.scrollTop", "deltaY"); |
| 40 | 40 |
| 41 debug(''); | 41 debug(''); |
| 42 debug('Test mousewheel events over the document'); | 42 debug('Test mousewheel events over the document'); |
| 43 testDiv = document.getElementById('target2'); | 43 testDiv = document.getElementById('target2'); |
| 44 | 44 |
| 45 debug('With ctrl modifier set and canScroll set to be false'); | 45 debug('With ctrl modifier set and canScroll set to be false'); |
| 46 wheelEventCount = 0; | 46 wheelEventCount = 0; |
| 47 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); | 47 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); |
| 48 eventSender.mouseScrollBy(0, scrollAmount, false, true, "ctrlKey", false); | 48 eventSender.mouseScrollBy(0, scrollAmount, false, true, "ctrlKey", false, "p
haseChanged"); |
| 49 shouldBe("wheelEventCount", "1"); | 49 shouldBe("wheelEventCount", "1"); |
| 50 shouldEvaluateTo("deltaY", expectedDeltaY); | 50 shouldEvaluateTo("deltaY", expectedDeltaY); |
| 51 shouldBeTrue("ctrlKey"); | 51 shouldBeTrue("ctrlKey"); |
| 52 shouldBe("window.scrollY", "0"); | 52 shouldBe("window.scrollY", "0"); |
| 53 | 53 |
| 54 debug('With ctrl modifier set and canScroll set to be true'); | 54 debug('With ctrl modifier set and canScroll set to be true'); |
| 55 wheelEventCount = 0; | 55 wheelEventCount = 0; |
| 56 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); | 56 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); |
| 57 eventSender.mouseScrollBy(0, scrollAmount, false, true, "ctrlKey", true); | 57 eventSender.mouseScrollBy(0, scrollAmount, false, true, "ctrlKey", true, "ph
aseChanged"); |
| 58 shouldBe("wheelEventCount", "1"); | 58 shouldBe("wheelEventCount", "1"); |
| 59 shouldEvaluateTo("deltaY", expectedDeltaY); | 59 shouldEvaluateTo("deltaY", expectedDeltaY); |
| 60 shouldBeTrue("ctrlKey"); | 60 shouldBeTrue("ctrlKey"); |
| 61 shouldBe("window.scrollY", "deltaY"); | 61 shouldBe("window.scrollY", "deltaY"); |
| 62 | 62 |
| 63 debug('Now without ctrl and canScroll set to be default true'); | 63 debug('Now without ctrl and canScroll set to be default true'); |
| 64 wheelEventCount = 0; | 64 wheelEventCount = 0; |
| 65 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); | 65 eventSender.mouseMoveTo(testDiv.offsetLeft + 5, testDiv.offsetTop + 5); |
| 66 eventSender.mouseScrollBy(0, scrollAmount, false, true); | 66 eventSender.mouseScrollBy(0, scrollAmount, false, true, 0, true, "phaseChang
ed"); |
| 67 shouldBe("wheelEventCount", "1"); | 67 shouldBe("wheelEventCount", "1"); |
| 68 shouldEvaluateTo("deltaY", expectedDeltaY); | 68 shouldEvaluateTo("deltaY", expectedDeltaY); |
| 69 shouldBeFalse("ctrlKey"); | 69 shouldBeFalse("ctrlKey"); |
| 70 shouldEvaluateTo("window.scrollY", 2 * expectedDeltaY); | 70 shouldEvaluateTo("window.scrollY", 2 * expectedDeltaY); |
| 71 } | 71 } |
| 72 | 72 |
| 73 var wheelEventCount = 0; | 73 var wheelEventCount = 0; |
| 74 var ctrlKey = false; | 74 var ctrlKey = false; |
| 75 function wheelHandler(e) { | 75 function wheelHandler(e) { |
| 76 wheelEventCount++; | 76 wheelEventCount++; |
| (...skipping 16 matching lines...) Expand all Loading... |
| 93 <div style="height: 2000px;"></div> | 93 <div style="height: 2000px;"></div> |
| 94 </span> | 94 </span> |
| 95 <div id="console"></div> | 95 <div id="console"></div> |
| 96 <script> | 96 <script> |
| 97 description("Tests that wheel events with the ctrl modifier are handled properly
"); | 97 description("Tests that wheel events with the ctrl modifier are handled properly
"); |
| 98 | 98 |
| 99 runTest(); | 99 runTest(); |
| 100 </script> | 100 </script> |
| 101 </body> | 101 </body> |
| 102 </html> | 102 </html> |
| OLD | NEW |