blob: 6a05301aab484e7034b288cb3de2b56f0410c662 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<link rel="help" href="http://www.w3.org/TR/DOM-Level-3-Events/#events-WheelEvent">
<script src="../../../resources/js-test-pre.js"></script>
<script>
function runTest() {
var div = document.getElementById('target');
div.addEventListener('wheel', wheelHandler);
div.addEventListener('mousewheel', mouseWheelHandler);
if (window.eventSender) {
eventSender.mouseMoveTo(div.offsetLeft + 5, div.offsetTop + 5);
eventSender.mouseScrollBy(10, 20);
} else {
debug("FAIL: This test requires window.eventSender.");
finishJSTest();
}
}
var testEvent;
function wheelHandler(e) {
testEvent = e;
testPassed("Standard wheel event was fired.");
shouldBe("testEvent.__proto__", "WheelEvent.prototype");
setTimeout(finishJSTest, 100);
}
function mouseWheelHandler(e) {
testFailed("mousewheel event should not have fired.");
}
</script>
</head>
<body>
<span id="parent">
<div id="target" style="border:solid 1px green; width:220px; height:70px; overflow:scroll">
TOP TOP TOP TOP TOP TOP TOP
Scroll mouse wheel over here
Scroll mouse wheel over here
Scroll mouse wheel over here
Scroll mouse wheel over here
Scroll mouse wheel over here
Scroll mouse wheel over here
END END END END END END END
</div>
</span>
<script>
description("Tests the interaction between the standard 'wheel' event and the non-standard 'mousewheel' one");
window.jsTestIsAsync = true;
runTest();
</script>
<script src="../../../resources/js-test-post.js"></script>
</body>
</html>