зеркало из https://github.com/mozilla/gecko-dev.git
812 строки
36 KiB
HTML
812 строки
36 KiB
HTML
<!DOCTYPE HTML>
|
|
<html style="font-size: 32px;">
|
|
<head>
|
|
<title>Test for D3E WheelEvent</title>
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
|
|
<script type="application/javascript" src="/tests/SimpleTest/paint_listener.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
|
</head>
|
|
<body>
|
|
<p id="display"></p>
|
|
<div id="scrollable" style="font-family: monospace; font-size: 16px; line-height: 1; overflow: auto; width: 200px; height: 200px;">
|
|
<div id="scrolled" style="font-size: 64px; width: 5000px; height: 5000px;">
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text. Tere is a lot of text.<br>
|
|
</div>
|
|
</div>
|
|
<div id="content" style="display: none">
|
|
|
|
</div>
|
|
<pre id="test">
|
|
<script type="application/javascript">
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
SimpleTest.waitForFocus(runTest, window);
|
|
|
|
var gScrollableElement = document.getElementById("scrollable");
|
|
var gScrolledElement = document.getElementById("scrolled");
|
|
|
|
var gLineHeight = 0;
|
|
var gHorizontalLine = 0;
|
|
var gPageHeight = 0;
|
|
var gPageWidth = 0;
|
|
|
|
function sendWheelAndWait(aX, aY, aEvent)
|
|
{
|
|
sendWheelAndPaint(gScrollableElement, aX, aY, aEvent, continueTest);
|
|
}
|
|
|
|
function* prepareScrollUnits()
|
|
{
|
|
var result = -1;
|
|
function handler(aEvent)
|
|
{
|
|
result = aEvent.detail;
|
|
aEvent.preventDefault();
|
|
}
|
|
window.addEventListener("MozMousePixelScroll", handler, true);
|
|
|
|
yield sendWheelAndWait(10, 10,
|
|
{ deltaMode: WheelEvent.DOM_DELTA_LINE,
|
|
deltaY: 1.0, lineOrPageDeltaY: 1 });
|
|
gLineHeight = result;
|
|
ok(gLineHeight > 10 && gLineHeight < 25, "prepareScrollUnits: gLineHeight may be illegal value, got " + gLineHeight);
|
|
|
|
result = -1;
|
|
yield sendWheelAndWait(10, 10,
|
|
{ deltaMode: WheelEvent.DOM_DELTA_LINE,
|
|
deltaX: 1.0, lineOrPageDeltaX: 1 });
|
|
gHorizontalLine = result;
|
|
ok(gHorizontalLine > 5 && gHorizontalLine < 16, "prepareScrollUnits: gHorizontalLine may be illegal value, got " + gHorizontalLine);
|
|
|
|
result = -1;
|
|
yield sendWheelAndWait(10, 10,
|
|
{ deltaMode: WheelEvent.DOM_DELTA_PAGE,
|
|
deltaY: 1.0, lineOrPageDeltaY: 1 });
|
|
gPageHeight = result;
|
|
// XXX Cannot we know the actual scroll port size?
|
|
ok(gPageHeight >= 150 && gPageHeight <= 200,
|
|
"prepareScrollUnits: gPageHeight is strange value, got " + gPageHeight);
|
|
|
|
result = -1;
|
|
yield sendWheelAndWait(10, 10,
|
|
{ deltaMode: WheelEvent.DOM_DELTA_PAGE,
|
|
deltaX: 1.0, lineOrPageDeltaX: 1 });
|
|
gPageWidth = result;
|
|
ok(gPageWidth >= 150 && gPageWidth <= 200,
|
|
"prepareScrollUnits: gPageWidth is strange value, got " + gPageWidth);
|
|
|
|
window.removeEventListener("MozMousePixelScroll", handler, true);
|
|
}
|
|
|
|
function testMakingUntrustedEvent()
|
|
{
|
|
const kCreateEventArgs = [
|
|
"WheelEvent", "wheelevent", "wheelEvent", "Wheelevent"
|
|
];
|
|
|
|
for (var i = 0; i < kCreateEventArgs.length; i++) {
|
|
try {
|
|
// We never support WheelEvent construction with document.createEvent().
|
|
var event = document.createEvent(kCreateEventArgs[i]);
|
|
ok(false, "document.createEvent(" + kCreateEventArgs[i] + ") should throw an error");
|
|
} catch (e) {
|
|
ok(true, "document.createEvent(" + kCreateEventArgs[i] + ") threw an error");
|
|
}
|
|
}
|
|
|
|
var wheelEvent = new WheelEvent("wheel");
|
|
ok(wheelEvent instanceof WheelEvent,
|
|
"new WheelEvent() should create an instance of WheelEvent");
|
|
ok(typeof(wheelEvent.initWheelEvent) != "function",
|
|
"WheelEvent must not have initWheelEvent()");
|
|
}
|
|
|
|
// delta_multiplier prefs should cause changing delta values of trusted events only.
|
|
// And also legacy events' detail value should be changed too.
|
|
function* testDeltaMultiplierPrefs()
|
|
{
|
|
const kModifierAlt = 0x01;
|
|
const kModifierControl = 0x02;
|
|
const kModifierMeta = 0x04;
|
|
const kModifierShift = 0x08;
|
|
const kModifierWin = 0x10;
|
|
|
|
const kTests = [
|
|
{ name: "default",
|
|
expected: [ 0, kModifierShift | kModifierAlt, kModifierShift | kModifierControl,
|
|
kModifierShift | kModifierMeta, kModifierShift | kModifierWin,
|
|
kModifierControl | kModifierAlt, kModifierMeta | kModifierAlt ],
|
|
unexpected: [ kModifierAlt, kModifierControl, kModifierMeta, kModifierShift, kModifierWin ] },
|
|
{ name: "with_alt",
|
|
expected: [ kModifierAlt ],
|
|
unexpected: [0, kModifierControl, kModifierMeta, kModifierShift, kModifierWin,
|
|
kModifierShift | kModifierAlt, kModifierControl | kModifierAlt,
|
|
kModifierMeta | kModifierAlt ] },
|
|
{ name: "with_control",
|
|
expected: [ kModifierControl ],
|
|
unexpected: [0, kModifierAlt, kModifierMeta, kModifierShift, kModifierWin,
|
|
kModifierShift | kModifierControl, kModifierControl | kModifierAlt,
|
|
kModifierMeta | kModifierControl ] },
|
|
{ name: "with_meta",
|
|
expected: [ kModifierMeta ],
|
|
unexpected: [0, kModifierAlt, kModifierControl, kModifierShift, kModifierWin,
|
|
kModifierShift | kModifierMeta, kModifierControl | kModifierMeta,
|
|
kModifierMeta | kModifierAlt ] },
|
|
{ name: "with_shift",
|
|
expected: [ kModifierShift ],
|
|
unexpected: [0, kModifierAlt, kModifierControl, kModifierMeta, kModifierWin,
|
|
kModifierShift | kModifierAlt, kModifierControl | kModifierShift,
|
|
kModifierMeta | kModifierShift ] },
|
|
{ name: "with_win",
|
|
expected: [ kModifierWin ],
|
|
unexpected: [0, kModifierAlt, kModifierControl, kModifierMeta, kModifierShift,
|
|
kModifierShift | kModifierWin ] },
|
|
];
|
|
|
|
// Note that this test doesn't support complicated lineOrPageDelta values which are computed with
|
|
// accumulated delta values by the prefs. If you need to test the lineOrPageDelta accumulation,
|
|
// use test_continuous_dom_wheel_event.html.
|
|
const kEvents = [
|
|
{ deltaMode: WheelEvent.DOM_DELTA_PIXEL,
|
|
deltaX: gHorizontalLine, deltaY: gLineHeight, deltaZ: gLineHeight, lineOrPageDeltaX: 1, lineOrPageDeltaY: 1 },
|
|
{ deltaMode: WheelEvent.DOM_DELTA_LINE,
|
|
deltaX: 1.0, deltaY: 1.0, deltaZ: 1.0, lineOrPageDeltaX: 1, lineOrPageDeltaY: 1 },
|
|
{ deltaMode: WheelEvent.DOM_DELTA_PAGE,
|
|
deltaX: 1.0, deltaY: 1.0, deltaZ: 1.0, lineOrPageDeltaX: 1, lineOrPageDeltaY: 1 },
|
|
{ deltaMode: WheelEvent.DOM_DELTA_PIXEL,
|
|
deltaX: -gHorizontalLine, deltaY: -gLineHeight, deltaZ: -gLineHeight, lineOrPageDeltaX: -1, lineOrPageDeltaY: -1 },
|
|
{ deltaMode: WheelEvent.DOM_DELTA_LINE,
|
|
deltaX: -1.0, deltaY: -1.0, deltaZ: -1.0, lineOrPageDeltaX: -1, lineOrPageDeltaY: -1 },
|
|
{ deltaMode: WheelEvent.DOM_DELTA_PAGE,
|
|
deltaX: -1.0, deltaY: -1.0, deltaZ: -1.0, lineOrPageDeltaX: -1, lineOrPageDeltaY: -1 },
|
|
];
|
|
|
|
const kDeltaMultiplierPrefs = [
|
|
"delta_multiplier_x", "delta_multiplier_y", "delta_multiplier_z"
|
|
];
|
|
|
|
const kPrefValues = [
|
|
200, 50, 0, -50, -150
|
|
];
|
|
|
|
var currentTest, currentModifiers, currentEvent, currentPref, currentMultiplier, testingExpected;
|
|
var expectedAsyncHandlerCalls;
|
|
var description;
|
|
var calledHandlers = { wheel: false,
|
|
DOMMouseScroll: { horizontal: false, vertical: false },
|
|
MozMousePixelScroll: { horizontal: false, vertical: false } };
|
|
|
|
function wheelEventHandler(aEvent) {
|
|
calledHandlers.wheel = true;
|
|
|
|
var expectedDeltaX = currentEvent.deltaX;
|
|
var expectedDeltaY = currentEvent.deltaY;
|
|
var expectedDeltaZ = currentEvent.deltaZ;
|
|
|
|
if (testingExpected) {
|
|
switch (currentPref.charAt(currentPref.length - 1)) {
|
|
case "x":
|
|
expectedDeltaX *= currentMultiplier;
|
|
break;
|
|
case "y":
|
|
expectedDeltaY *= currentMultiplier;
|
|
break;
|
|
case "z":
|
|
expectedDeltaZ *= currentMultiplier;
|
|
break;
|
|
}
|
|
}
|
|
is(aEvent.deltaX, expectedDeltaX, description + "deltaX (" + currentEvent.deltaX + ") was invalid");
|
|
is(aEvent.deltaY, expectedDeltaY, description + "deltaY (" + currentEvent.deltaY + ") was invalid");
|
|
is(aEvent.deltaZ, expectedDeltaZ, description + "deltaZ (" + currentEvent.deltaZ + ") was invalid");
|
|
|
|
if (expectedAsyncHandlerCalls > 0 && --expectedAsyncHandlerCalls == 0) {
|
|
setTimeout(continueTest, 0);
|
|
}
|
|
}
|
|
|
|
function legacyEventHandler(aEvent) {
|
|
var isHorizontal = (aEvent.axis == MouseScrollEvent.HORIZONTAL_AXIS);
|
|
var isScrollEvent = (aEvent.type == "DOMMouseScroll");
|
|
if (isScrollEvent) {
|
|
if (isHorizontal) {
|
|
calledHandlers.DOMMouseScroll.horizontal = true;
|
|
} else {
|
|
calledHandlers.DOMMouseScroll.vertical = true;
|
|
}
|
|
} else {
|
|
if (isHorizontal) {
|
|
calledHandlers.MozMousePixelScroll.horizontal = true;
|
|
} else {
|
|
calledHandlers.MozMousePixelScroll.vertical = true;
|
|
}
|
|
}
|
|
var eventName = (isHorizontal ? "Horizontal " : "Vertical ") + aEvent.type + " ";
|
|
var expectedDetail;
|
|
if (isScrollEvent) {
|
|
expectedDetail = isHorizontal ? currentEvent.lineOrPageDeltaX : currentEvent.lineOrPageDeltaY;
|
|
if (currentEvent.deltaMode == WheelEvent.DOM_DELTA_PAGE && expectedDetail) {
|
|
expectedDetail = ((expectedDetail > 0) ? UIEvent.SCROLL_PAGE_DOWN : UIEvent.SCROLL_PAGE_UP);
|
|
}
|
|
} else {
|
|
expectedDetail = isHorizontal ? currentEvent.deltaX : currentEvent.deltaY;
|
|
if (expectedDetail) {
|
|
if (currentEvent.deltaMode == WheelEvent.DOM_DELTA_LINE) {
|
|
expectedDetail *= (isHorizontal ? gHorizontalLine : gLineHeight);
|
|
} else if (currentEvent.deltaMode == WheelEvent.DOM_DELTA_PAGE) {
|
|
if (expectedDetail > 0) {
|
|
expectedDetail = (isHorizontal ? gPageWidth : gPageHeight);
|
|
} else {
|
|
expectedDetail = (isHorizontal ? -gPageWidth : -gPageHeight);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (testingExpected) {
|
|
if ((isHorizontal && currentPref.charAt(currentPref.length - 1) == "x") ||
|
|
(!isHorizontal && currentPref.charAt(currentPref.length - 1) == "y")) {
|
|
// If it's a page scroll event, the detail value is UIEvent.SCROLL_PAGE_DOWN or
|
|
// UIEvent.SCROLL_PAGE_UP. If the delta value sign is reverted, we need to
|
|
// revert the expected detail value too. Otherwise, don't touch it.
|
|
if (isScrollEvent && currentEvent.deltaMode == WheelEvent.DOM_DELTA_PAGE) {
|
|
if (currentMultiplier < 0) {
|
|
expectedDetail = ((expectedDetail == UIEvent.SCROLL_PAGE_UP) ? UIEvent.SCROLL_PAGE_DOWN : UIEvent.SCROLL_PAGE_UP);
|
|
}
|
|
} else {
|
|
expectedDetail *= currentMultiplier;
|
|
expectedDetail = expectedDetail < 0 ? Math.ceil(expectedDetail) : Math.floor(expectedDetail);
|
|
}
|
|
}
|
|
}
|
|
is(aEvent.detail, expectedDetail, description + eventName + "detail was invalid");
|
|
|
|
aEvent.preventDefault();
|
|
|
|
if (expectedAsyncHandlerCalls > 0 && --expectedAsyncHandlerCalls == 0) {
|
|
setTimeout(continueTest, 0);
|
|
}
|
|
}
|
|
|
|
window.addEventListener("wheel", wheelEventHandler, true);
|
|
window.addEventListener("DOMMouseScroll", legacyEventHandler, true);
|
|
window.addEventListener("MozMousePixelScroll", legacyEventHandler, true);
|
|
|
|
function* dispatchEvent(aIsExpected) {
|
|
for (var i = 0; i < kEvents.length; i++) {
|
|
currentEvent = kEvents[i];
|
|
currentEvent.shiftKey = (currentModifiers & kModifierShift) != 0;
|
|
currentEvent.ctrlKey = (currentModifiers & kModifierControl) != 0;
|
|
currentEvent.altKey = (currentModifiers & kModifierAlt) != 0;
|
|
currentEvent.metaKey = (currentModifiers & kModifierMeta) != 0;
|
|
currentEvent.osKey = (currentModifiers & kModifierWin) != 0;
|
|
var modifierList = "";
|
|
if (currentEvent.shiftKey) {
|
|
modifierList += "Shift ";
|
|
}
|
|
if (currentEvent.ctrlKey) {
|
|
modifierList += "Control ";
|
|
}
|
|
if (currentEvent.altKey) {
|
|
modifierList += "Alt ";
|
|
}
|
|
if (currentEvent.metaKey) {
|
|
modifierList += "Meta ";
|
|
}
|
|
if (currentEvent.osKey) {
|
|
modifierList += "Win ";
|
|
}
|
|
|
|
for (var j = 0; j < kPrefValues.length; j++) {
|
|
currentMultiplier = kPrefValues[j] / 100;
|
|
for (var k = 0; k < kDeltaMultiplierPrefs.length; k++) {
|
|
currentPref = "mousewheel." + currentTest.name + "." + kDeltaMultiplierPrefs[k];
|
|
|
|
yield SpecialPowers.pushPrefEnv({"set": [[currentPref, kPrefValues[j]]]}, continueTest);
|
|
|
|
gScrollableElement.scrollTop = gScrollableElement.scrollBottom = 1000;
|
|
|
|
// trusted event's delta valuses should be reverted by the pref.
|
|
testingExpected = aIsExpected;
|
|
|
|
var expectedProps = {
|
|
deltaX: currentEvent.deltaX * currentMultiplier,
|
|
deltaY: currentEvent.deltaY * currentMultiplier,
|
|
dletaZ: currentEvent.deltaZ * currentMultiplier,
|
|
lineOrPageDeltaX: currentEvent.lineOrPageDeltaX * currentMultiplier,
|
|
lineOrPageDeltaY: currentEvent.lineOrPageDeltaY * currentMultiplier,
|
|
};
|
|
|
|
var expectedWheel = expectedProps.deltaX != 0 || expectedProps.deltaY != 0 || expectedProps.deltaZ != 0;
|
|
var expectedDOMMouseX = expectedProps.lineOrPageDeltaX >= 1 || expectedProps.lineOrPageDeltaX <= -1;
|
|
var expectedDOMMouseY = expectedProps.lineOrPageDeltaY >= 1 || expectedProps.lineOrPageDeltaY <= -1;
|
|
var expectedMozMouseX = expectedProps.deltaX >= 1 || expectedProps.deltaX <= -1;
|
|
var expectedMozMouseY = expectedProps.deltaY >= 1 || expectedProps.deltaY <= -1;
|
|
|
|
expectedAsyncHandlerCalls = 0;
|
|
if (expectedWheel) ++expectedAsyncHandlerCalls;
|
|
if (expectedDOMMouseX) ++expectedAsyncHandlerCalls;
|
|
if (expectedDOMMouseY) ++expectedAsyncHandlerCalls;
|
|
if (expectedMozMouseX) ++expectedAsyncHandlerCalls;
|
|
if (expectedMozMouseY) ++expectedAsyncHandlerCalls;
|
|
|
|
description = "testDeltaMultiplierPrefs, pref: " + currentPref + "=" + kPrefValues[j] +
|
|
", deltaMode: " + currentEvent.deltaMode + ", modifiers: \"" + modifierList + "\", (trusted event): ";
|
|
yield synthesizeWheel(gScrollableElement, 10, 10, currentEvent);
|
|
|
|
is(calledHandlers.wheel,
|
|
expectedWheel,
|
|
description + "wheel event was (not) fired");
|
|
is(calledHandlers.DOMMouseScroll.horizontal,
|
|
expectedDOMMouseX,
|
|
description + "Horizontal DOMMouseScroll event was (not) fired");
|
|
is(calledHandlers.DOMMouseScroll.vertical,
|
|
expectedDOMMouseY,
|
|
description + "Vertical DOMMouseScroll event was (not) fired");
|
|
is(calledHandlers.MozMousePixelScroll.horizontal,
|
|
expectedMozMouseX,
|
|
description + "Horizontal MozMousePixelScroll event was (not) fired");
|
|
is(calledHandlers.MozMousePixelScroll.vertical,
|
|
expectedMozMouseY,
|
|
description + "Vertical MozMousePixelScroll event was (not) fired");
|
|
|
|
calledHandlers = { wheel: false,
|
|
DOMMouseScroll: { horizontal: false, vertical: false },
|
|
MozMousePixelScroll: { horizontal: false, vertical: false } };
|
|
|
|
// untrusted event's delta values shouldn't be reverted by the pref.
|
|
testingExpected = false;
|
|
var props = {
|
|
bubbles: true,
|
|
cancelable: true,
|
|
shiftKey: currentEvent.shiftKey,
|
|
ctrlKey: currentEvent.ctrlKey,
|
|
altKey: currentEvent.altKey,
|
|
metaKey: currentEvent.metaKey,
|
|
deltaX: currentEvent.deltaX,
|
|
deltaY: currentEvent.deltaY,
|
|
deltaZ: currentEvent.deltaZ,
|
|
deltaMode: currentEvent.deltaMode,
|
|
};
|
|
var untrustedEvent = new WheelEvent("wheel", props);
|
|
|
|
description = "testDeltaMultiplierPrefs, pref: " + currentPref + "=" + kPrefValues[j] +
|
|
", deltaMode: " + currentEvent.deltaMode + ", modifiers: \"" + modifierList + "\", (untrusted event): ";
|
|
gScrollableElement.dispatchEvent(untrustedEvent);
|
|
|
|
ok(calledHandlers.wheel, description + "wheel event was not fired for untrusted event");
|
|
ok(!calledHandlers.DOMMouseScroll.horizontal,
|
|
description + "Horizontal DOMMouseScroll event was fired for untrusted event");
|
|
ok(!calledHandlers.DOMMouseScroll.vertical,
|
|
description + "Vertical DOMMouseScroll event was fired for untrusted event");
|
|
ok(!calledHandlers.MozMousePixelScroll.horizontal,
|
|
description + "Horizontal MozMousePixelScroll event was fired for untrusted event");
|
|
ok(!calledHandlers.MozMousePixelScroll.vertical,
|
|
description + "Vertical MozMousePixelScroll event was fired for untrusted event");
|
|
|
|
yield SpecialPowers.pushPrefEnv({"set": [[currentPref, 100]]}, continueTest);
|
|
|
|
calledHandlers = { wheel: false,
|
|
DOMMouseScroll: { horizontal: false, vertical: false },
|
|
MozMousePixelScroll: { horizontal: false, vertical: false } };
|
|
|
|
}
|
|
// We should skip other value tests if testing with modifier key.
|
|
// If we didn't do so, it would test too many times, but we don't need to do so.
|
|
if (kTests.name != "default") {
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
for (var i = 0; i < kTests.length; i++) {
|
|
currentTest = kTests[i];
|
|
for (var j = 0; j < currentTest.expected.length; j++) {
|
|
currentModifiers = currentTest.expected[j];
|
|
yield* dispatchEvent(true);
|
|
}
|
|
for (var k = 0; k < currentTest.unexpected.length; k++) {
|
|
currentModifiers = currentTest.unexpected[k];
|
|
yield* dispatchEvent(false);
|
|
}
|
|
}
|
|
|
|
window.removeEventListener("wheel", wheelEventHandler, true);
|
|
window.removeEventListener("DOMMouseScroll", legacyEventHandler, true);
|
|
window.removeEventListener("MozMousePixelScroll", legacyEventHandler, true);
|
|
}
|
|
|
|
// Untrusted wheel events shouldn't cause legacy mouse scroll events.
|
|
function testDispatchingUntrustEvent()
|
|
{
|
|
var descriptionBase = "testDispatchingUntrustEvent, ";
|
|
var description, wheelEventFired;
|
|
function wheelEventHandler(aEvent)
|
|
{
|
|
wheelEventFired = true;
|
|
}
|
|
|
|
function legacyEventHandler(aEvent)
|
|
{
|
|
ok(false, aEvent.type + " must not be fired");
|
|
}
|
|
|
|
window.addEventListener("wheel", wheelEventHandler, true);
|
|
window.addEventListener("DOMMouseScroll", legacyEventHandler, true);
|
|
window.addEventListener("MozMousePixelScroll", legacyEventHandler, true);
|
|
|
|
description = descriptionBase + "dispatching a pixel wheel event: ";
|
|
wheelEventFired = false;
|
|
var untrustedPixelEvent = new WheelEvent("wheel", {
|
|
bubbles: true, cancelable: true,
|
|
deltaX: 24.0, deltaY: 24.0,
|
|
deltaMode: WheelEvent.DOM_DELTA_PIXEL,
|
|
});
|
|
gScrolledElement.dispatchEvent(untrustedPixelEvent);
|
|
ok(wheelEventFired, description + "wheel event wasn't fired");
|
|
|
|
description = descriptionBase + "dispatching a line wheel event: ";
|
|
wheelEventFired = false;
|
|
var untrustedLineEvent = new WheelEvent("wheel", {
|
|
bubbles: true, cancelable: true,
|
|
deltaX: 3.0, deltaY: 3.0,
|
|
deltaMode: WheelEvent.DOM_DELTA_LINE,
|
|
});
|
|
gScrolledElement.dispatchEvent(untrustedLineEvent);
|
|
ok(wheelEventFired, description + "wheel event wasn't fired");
|
|
|
|
description = descriptionBase + "dispatching a page wheel event: ";
|
|
wheelEventFired = false;
|
|
var untrustedPageEvent = new WheelEvent("wheel", {
|
|
bubbles: true, cancelable: true,
|
|
deltaX: 1.0, deltaY: 1.0,
|
|
deltaMode: WheelEvent.DOM_DELTA_PAGE,
|
|
});
|
|
gScrolledElement.dispatchEvent(untrustedPageEvent);
|
|
ok(wheelEventFired, description + "wheel event wasn't fired");
|
|
|
|
window.removeEventListener("wheel", wheelEventHandler, true);
|
|
window.removeEventListener("DOMMouseScroll", legacyEventHandler, true);
|
|
window.removeEventListener("MozMousePixelScroll", legacyEventHandler, true);
|
|
}
|
|
|
|
function* testEventOrder()
|
|
{
|
|
const kWheelEvent = 0x0001;
|
|
const kDOMMouseScrollEvent = 0x0002;
|
|
const kMozMousePixelScrollEvent = 0x0004;
|
|
const kVerticalScrollEvent = 0x0010;
|
|
const kHorizontalScrollEvent = 0x0020;
|
|
const kInSystemGroup = 0x0100;
|
|
const kDefaultPrevented = 0x1000;
|
|
|
|
var currentTest;
|
|
|
|
const kTests = [
|
|
{
|
|
description: "Testing the order of the events without preventDefault()",
|
|
expectedEvents: [ kWheelEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent | kInSystemGroup,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent | kInSystemGroup,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kWheelEvent | kInSystemGroup],
|
|
resultEvents: [],
|
|
doPreventDefaultAt: 0,
|
|
},
|
|
{
|
|
description: "Testing the order of the events, calling preventDefault() at default group wheel event",
|
|
expectedEvents: [ kWheelEvent,
|
|
kWheelEvent | kInSystemGroup | kDefaultPrevented],
|
|
resultEvents: [],
|
|
doPreventDefaultAt: kWheelEvent,
|
|
},
|
|
{
|
|
description: "Testing the order of the events, calling preventDefault() at default group DOMMouseScroll event",
|
|
expectedEvents: [ kWheelEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent | kInSystemGroup | kDefaultPrevented,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent | kDefaultPrevented,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent | kInSystemGroup | kDefaultPrevented,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kWheelEvent | kInSystemGroup | kDefaultPrevented],
|
|
resultEvents: [],
|
|
doPreventDefaultAt: kDOMMouseScrollEvent | kVerticalScrollEvent,
|
|
},
|
|
{
|
|
description: "Testing the order of the events, calling preventDefault() at default group MozMousePixelScroll event",
|
|
expectedEvents: [ kWheelEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent | kInSystemGroup,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent | kInSystemGroup | kDefaultPrevented,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kWheelEvent | kInSystemGroup | kDefaultPrevented],
|
|
resultEvents: [],
|
|
doPreventDefaultAt: kMozMousePixelScrollEvent | kVerticalScrollEvent,
|
|
},
|
|
{
|
|
description: "Testing the order of the events, calling preventDefault() at system group DOMMouseScroll event",
|
|
expectedEvents: [ kWheelEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent | kInSystemGroup,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent | kDefaultPrevented,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent | kInSystemGroup | kDefaultPrevented,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kWheelEvent | kInSystemGroup | kDefaultPrevented],
|
|
resultEvents: [],
|
|
doPreventDefaultAt: kDOMMouseScrollEvent | kVerticalScrollEvent | kInSystemGroup,
|
|
},
|
|
{
|
|
description: "Testing the order of the events, calling preventDefault() at system group MozMousePixelScroll event",
|
|
expectedEvents: [ kWheelEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent,
|
|
kDOMMouseScrollEvent | kVerticalScrollEvent | kInSystemGroup,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent,
|
|
kMozMousePixelScrollEvent | kVerticalScrollEvent | kInSystemGroup,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent,
|
|
kDOMMouseScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent,
|
|
kMozMousePixelScrollEvent | kHorizontalScrollEvent | kInSystemGroup,
|
|
kWheelEvent | kInSystemGroup | kDefaultPrevented],
|
|
resultEvents: [],
|
|
doPreventDefaultAt: kMozMousePixelScrollEvent | kVerticalScrollEvent | kInSystemGroup,
|
|
},
|
|
];
|
|
|
|
function getEventDescription(aEvent)
|
|
{
|
|
var result = "";
|
|
if (aEvent & kWheelEvent) {
|
|
result = "wheel"
|
|
} else {
|
|
if (aEvent & kDOMMouseScrollEvent) {
|
|
result = "DOMMouseScroll";
|
|
} else if (aEvent & kMozMousePixelScrollEvent) {
|
|
result = "MozMousePixelScroll";
|
|
}
|
|
if (aEvent & kVerticalScrollEvent) {
|
|
result += ", vertical";
|
|
} else {
|
|
result += ", horizontal";
|
|
}
|
|
}
|
|
if (aEvent & kInSystemGroup) {
|
|
result += ", system group";
|
|
}
|
|
if (aEvent & kDefaultPrevented) {
|
|
result += ", defaultPrevented";
|
|
}
|
|
return result;
|
|
}
|
|
|
|
function pushEvent(aEvent, aIsSystemGroup)
|
|
{
|
|
var event = 0;
|
|
if (aEvent.type == "wheel") {
|
|
event = kWheelEvent;
|
|
} else {
|
|
if (aEvent.type == "DOMMouseScroll") {
|
|
event = kDOMMouseScrollEvent;
|
|
} else if (aEvent.type == "MozMousePixelScroll") {
|
|
event = kMozMousePixelScrollEvent;
|
|
}
|
|
if (aEvent.axis == MouseScrollEvent.HORIZONTAL_AXIS) {
|
|
event |= kHorizontalScrollEvent;
|
|
} else {
|
|
event |= kVerticalScrollEvent;
|
|
}
|
|
}
|
|
if (aIsSystemGroup) {
|
|
event |= kInSystemGroup;
|
|
}
|
|
if (aEvent.defaultPrevented) {
|
|
event |= kDefaultPrevented;
|
|
}
|
|
currentTest.resultEvents.push(event);
|
|
|
|
if (event == currentTest.doPreventDefaultAt) {
|
|
aEvent.preventDefault();
|
|
}
|
|
|
|
if (currentTest.resultEvents.length == currentTest.expectedEvents.length) {
|
|
setTimeout(continueTest, 0);
|
|
}
|
|
}
|
|
|
|
function handler(aEvent)
|
|
{
|
|
pushEvent(aEvent, false);
|
|
}
|
|
|
|
function systemHandler(aEvent)
|
|
{
|
|
pushEvent(aEvent, true);
|
|
}
|
|
|
|
window.addEventListener("wheel", handler, true);
|
|
window.addEventListener("DOMMouseScroll", handler, true);
|
|
window.addEventListener("MozMousePixelScroll", handler, true);
|
|
|
|
SpecialPowers.addSystemEventListener(window, "wheel", systemHandler, true);
|
|
SpecialPowers.addSystemEventListener(window, "DOMMouseScroll", systemHandler, true);
|
|
SpecialPowers.addSystemEventListener(window, "MozMousePixelScroll", systemHandler, true);
|
|
|
|
for (var i = 0; i < kTests.length; i++) {
|
|
currentTest = kTests[i];
|
|
yield synthesizeWheel(gScrollableElement, 10, 10,
|
|
{ deltaMode: WheelEvent.DOM_DELTA_LINE, deltaX: 1.0, deltaY: 1.0 });
|
|
|
|
for (var j = 0; j < currentTest.expectedEvents.length; j++) {
|
|
if (currentTest.resultEvents.length == j) {
|
|
ok(false, currentTest.description + ": " +
|
|
getEventDescription(currentTest.expectedEvents[j]) + " wasn't fired");
|
|
break;
|
|
}
|
|
is(getEventDescription(currentTest.resultEvents[j]),
|
|
getEventDescription(currentTest.expectedEvents[j]),
|
|
currentTest.description + ": " + (j + 1) + "th event is mismatched");
|
|
}
|
|
if (currentTest.expectedEvents.length < currentTest.resultEvents.length) {
|
|
ok(false, currentTest.description + ": " +
|
|
getEventDescription(currentTest.resultEvents[currentTest.expectedEvents.length]) +
|
|
" was fired unexpectedly");
|
|
}
|
|
}
|
|
|
|
window.removeEventListener("wheel", handler, true);
|
|
window.removeEventListener("DOMMouseScroll", handler, true);
|
|
window.removeEventListener("MozMousePixelScroll", handler, true);
|
|
|
|
SpecialPowers.removeSystemEventListener(window, "wheel", systemHandler, true);
|
|
SpecialPowers.removeSystemEventListener(window, "DOMMouseScroll", systemHandler, true);
|
|
SpecialPowers.removeSystemEventListener(window, "MozMousePixelScroll", systemHandler, true);
|
|
}
|
|
|
|
var gOnWheelAttrHandled = new Array;
|
|
var gOnWheelAttrCount = 0;
|
|
|
|
function* testOnWheelAttr()
|
|
{
|
|
function onWheelHandledString(attr) {
|
|
return `gOnWheelAttrHandled['${attr}'] = true;
|
|
++gOnWheelAttrCount;
|
|
if (gOnWheelAttrCount == 3) {
|
|
setTimeout(continueTest, 0);
|
|
};`;
|
|
}
|
|
|
|
document.documentElement.setAttribute("onwheel", onWheelHandledString("html"));
|
|
document.body.setAttribute("onwheel", onWheelHandledString("body"));
|
|
gScrollableElement.setAttribute("onwheel", onWheelHandledString("div"));
|
|
var target = document.getElementById("onwheel");
|
|
yield synthesizeWheel(gScrollableElement, 10, 10,
|
|
{ deltaMode: WheelEvent.DOM_DELTA_LINE,
|
|
deltaX: 1.0, deltaY: 2.0 });
|
|
ok(gOnWheelAttrHandled['html'], "html element's onwheel attribute isn't performed");
|
|
ok(gOnWheelAttrHandled['body'], "body element's onwheel attribute isn't performed");
|
|
ok(gOnWheelAttrHandled['div'], "div element's onwheel attribute isn't performed");
|
|
}
|
|
|
|
var gOnWheelPropHandled = new Array;
|
|
var gOnWheelPropCount = 0;
|
|
|
|
function* testOnWheelProperty()
|
|
{
|
|
const handleOnWheelProp = prop => e => {
|
|
gOnWheelPropHandled[prop] = true;
|
|
++gOnWheelPropCount;
|
|
if (gOnWheelPropCount == 5) {
|
|
setTimeout(continueTest, 0);
|
|
}
|
|
}
|
|
|
|
window.onwheel = handleOnWheelProp('window');
|
|
document.onwheel = handleOnWheelProp('document');
|
|
document.documentElement.onwheel = handleOnWheelProp('html');
|
|
document.body.onwheel = handleOnWheelProp('body');
|
|
gScrollableElement.onwheel = handleOnWheelProp('div');
|
|
|
|
var target = document.getElementById("onwheel");
|
|
yield synthesizeWheel(gScrollableElement, 10, 10,
|
|
{ deltaMode: WheelEvent.DOM_DELTA_LINE,
|
|
deltaX: 1.0, deltaY: 2.0 });
|
|
|
|
ok(gOnWheelPropHandled['window'], "window's onwheel property isn't performed");
|
|
ok(gOnWheelPropHandled['document'], "document's onwheel property isn't performed");
|
|
ok(gOnWheelPropHandled['html'], "html element's onwheel property isn't performed");
|
|
ok(gOnWheelPropHandled['body'], "body element's onwheel property isn't performed");
|
|
ok(gOnWheelPropHandled['div'], "div element's onwheel property isn't performed");
|
|
}
|
|
|
|
function* testBody()
|
|
{
|
|
yield* prepareScrollUnits();
|
|
testMakingUntrustedEvent();
|
|
yield* testDeltaMultiplierPrefs();
|
|
testDispatchingUntrustEvent();
|
|
yield* testEventOrder();
|
|
yield* testOnWheelAttr();
|
|
yield* testOnWheelProperty();
|
|
}
|
|
|
|
var gTestContinuation = null;
|
|
|
|
function continueTest()
|
|
{
|
|
if (!gTestContinuation) {
|
|
gTestContinuation = testBody();
|
|
}
|
|
var ret = gTestContinuation.next();
|
|
if (ret.done) {
|
|
SimpleTest.finish();
|
|
}
|
|
}
|
|
|
|
function runTest()
|
|
{
|
|
SpecialPowers.pushPrefEnv({"set": [
|
|
["mousewheel.default.delta_multiplier_x", 100],
|
|
["mousewheel.default.delta_multiplier_y", 100],
|
|
["mousewheel.default.delta_multiplier_z", 100],
|
|
["mousewheel.with_alt.delta_multiplier_x", 100],
|
|
["mousewheel.with_alt.delta_multiplier_y", 100],
|
|
["mousewheel.with_alt.delta_multiplier_z", 100],
|
|
["mousewheel.with_control.delta_multiplier_x", 100],
|
|
["mousewheel.with_control.delta_multiplier_y", 100],
|
|
["mousewheel.with_control.delta_multiplier_z", 100],
|
|
["mousewheel.with_meta.delta_multiplier_x", 100],
|
|
["mousewheel.with_meta.delta_multiplier_y", 100],
|
|
["mousewheel.with_meta.delta_multiplier_z", 100],
|
|
["mousewheel.with_shift.delta_multiplier_x", 100],
|
|
["mousewheel.with_shift.delta_multiplier_y", 100],
|
|
["mousewheel.with_shift.delta_multiplier_z", 100],
|
|
["mousewheel.with_win.delta_multiplier_x", 100],
|
|
["mousewheel.with_win.delta_multiplier_y", 100],
|
|
["mousewheel.with_win.delta_multiplier_z", 100]]},
|
|
continueTest);
|
|
}
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|