<!DOCTYPE HTML> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1261673 --> <head> <meta charset="utf-8"> <title>Test for Bug 1261673</title> <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> <script type="text/javascript" src="/tests/SimpleTest/EventUtils.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> </head> <body> <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1261673">Mozilla Bug 1261673</a> <p id="display"></p> <div id="content" style="display: none"> </div> <input id="test_number" type="number" value=5> <script type="text/javascript"> /** Test for Bug 1261673 **/ SimpleTest.waitForExplicitFinish(); SimpleTest.waitForFocus(runTests); function runTests() { let input = window.document.getElementById("test_number"); // focus: whether the target input element is focused // deltaY: deltaY of WheelEvent // deltaMode: deltaMode of WheelEvent // valueChanged: expected value changes after input element handled the wheel event let params = [ {focus: true, deltaY: 1.0, deltaMode: WheelEvent.DOM_DELTA_LINE, valueChanged: -1}, {focus: true, deltaY: -1.0, deltaMode: WheelEvent.DOM_DELTA_LINE, valueChanged: 1}, {focus: true, deltaY: 1.0, deltaMode: WheelEvent.DOM_DELTA_PAGE, valueChanged: -1}, {focus: true, deltaY: -1.0, deltaMode: WheelEvent.DOM_DELTA_PAGE, valueChanged: 1}, {focus: true, deltaY: 1.0, deltaMode: WheelEvent.DOM_DELTA_PIXEL, valueChanged: 0}, {focus: true, deltaY: -1.0, deltaMode: WheelEvent.DOM_DELTA_PIXEL, valueChanged: 0}, {focus: false, deltaY: 1.0, deltaMode: WheelEvent.DOM_DELTA_LINE, valueChanged: 0}, {focus: false, deltaY: -1.0, deltaMode: WheelEvent.DOM_DELTA_LINE, valueChanged: 0} ]; let testIdx = 0; let result = parseInt(input.value); let numberChange = 0; let expectChange = 0; input.addEventListener("change", () => { ++numberChange; }, false); function runNext() { let p = params[testIdx]; (p["focus"]) ? input.focus() : input.blur(); expectChange = p["valueChanged"] == 0 ? expectChange : expectChange + 1; result += parseInt(p["valueChanged"]); synthesizeWheel(input, 1, 1, { deltaY: p["deltaY"], deltaMode: p["deltaMode"] }); window.postMessage("finished", "http://mochi.test:8888"); testIdx++; } window.addEventListener("message", event => { if (event.data == "finished") { ok(input.value == result, "Handle wheel in number input test-" + testIdx + " expect " + result + " get " + input.value); ok(numberChange == expectChange, "UA should fire change event when input's value changed, expect " + expectChange + " get " + numberChange); (testIdx >= params.length) ? SimpleTest.finish() : runNext(); } }); runNext(); } </script> </body> </html>