<!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 src="../../../resources/ui-helper.js"></script>
<script>
async function runTest() {
    var div = document.getElementById('target');
    div.addEventListener('wheel', wheelHandler);
    div.addEventListener('mousewheel', mouseWheelHandler);
    if (window.eventSender) {
        await UIHelper.statelessMouseWheelScrollAt(div.offsetLeft + 5, div.offsetTop + 5, 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, 32);
}

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>
