Quelle test_dom_wheel_event.html Sprache: HTML

products/sources/formale Sprachen/C/Firefox/dom/events/test/test_dom_wheel_event.html

<!DOCTYPE HTML>
<html style="font-size: 32px;">
<head>
  <title>Test for D3E WheelEvent</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <script src="/tests/SimpleTest/EventUtils.js"></script>
  <script 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, { capture: true, passive: false });

  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 kTests = [
    { name: "default",
      expected: [ 0, kModifierShift | kModifierAlt, kModifierShift | kModifierControl,
                     kModifierShift | kModifierMeta,
                     kModifierControl | kModifierAlt, kModifierMeta | kModifierAlt ],
      unexpected: [ kModifierAlt, kModifierControl, kModifierMeta, kModifierShift ] },
    { name: "with_alt",
      expected: [ kModifierAlt ],
      unexpected: [0, kModifierControl, kModifierMeta, kModifierShift,
                      kModifierShift | kModifierAlt, kModifierControl | kModifierAlt,
                      kModifierMeta | kModifierAlt ] },
    { name: "with_control",
      expected: [ kModifierControl ],
      unexpected: [0, kModifierAlt, kModifierMeta, kModifierShift,
                      kModifierShift | kModifierControl, kModifierControl | kModifierAlt,
                      kModifierMeta | kModifierControl ] },
    { name: "with_meta",
      expected: [ kModifierMeta ],
      unexpected: [0, kModifierAlt, kModifierControl, kModifierShift,
                      kModifierShift | kModifierMeta, kModifierControl | kModifierMeta,
                      kModifierMeta | kModifierAlt ] },
    { name: "with_shift",
      expected: [ kModifierShift ],
      unexpected: [0, kModifierAlt, kModifierControl, kModifierMeta,
                      kModifierShift | kModifierAlt, kModifierControl | kModifierShift,
                      kModifierMeta | kModifierShift ] },
  ];

  // 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_LINE, skipDeltaModeCheck: true,
      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 deltaToPixels(mode, delta, horizontal) {
    switch (mode) {
      case WheelEvent.DOM_DELTA_PIXEL:
        return delta;
      case WheelEvent.DOM_DELTA_LINE:
        return delta * (horizontal ? gHorizontalLine : gLineHeight);
      case WheelEvent.DOM_DELTA_PAGE:
        return delta * (horizontal ? gPageWidth : gPageHeight);
    }
    throw new Error("Unknown delta mode");
  }

  function defaultScrollMultiplier(horizontal) {
    if (!SpecialPowers.getBoolPref("mousewheel.system_scroll_override.enabled")) {
      return 1;
    }
    return SpecialPowers.getIntPref(`mousewheel.system_scroll_override.${horizontal ? "horizontal" : "vertical"}.factor`) / 100;
  }

  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;
      }
    } else if (aEvent.isTrusted && aEvent.deltaMode == WheelEvent.DOM_DELTA_LINE) {
      expectedDeltaX *= defaultScrollMultiplier(true);
      expectedDeltaY *= defaultScrollMultiplier(false);
    }
    is(aEvent.deltaMode, currentEvent.deltaMode, description + "deltaMode (" + currentEvent.deltaMode + ") was invalid");
    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");
    is(aEvent.wheelDeltaX, -Math.round(aEvent.isTrusted ? 3 * deltaToPixels(aEvent.deltaMode, expectedDeltaX, true) : expectedDeltaX), `${description}wheelDeltaX (${aEvent.wheelDeltaX}) was invalid`);
    is(aEvent.wheelDeltaY, -Math.round(aEvent.isTrusted ? 3 * deltaToPixels(aEvent.deltaMode, expectedDeltaY, false) : expectedDeltaY), `${description}wheelDeltaY (${aEvent.wheelDeltaY}) was invalid`);
    is(aEvent.wheelDelta, aEvent.wheelDeltaY || aEvent.wheelDeltaX, description + "wheelDelta 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, { capture: true, passive: false });
  window.addEventListener("DOMMouseScroll", legacyEventHandler, { capture: true, passive: false });
  window.addEventListener("MozMousePixelScroll", legacyEventHandler, { capture: true, passive: false });

  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;
      var modifierList = "";
      if (currentEvent.shiftKey) {
        modifierList += "Shift ";
      }
      if (currentEvent.ctrlKey) {
        modifierList += "Control ";
      }
      if (currentEvent.altKey) {
        modifierList += "Alt ";
      }
      if (currentEvent.metaKey) {
        modifierList += "Meta ";
      }

      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, { capture: true, passive: false });
  window.addEventListener("DOMMouseScroll", handler, { capture: true, passive: false });
  window.addEventListener("MozMousePixelScroll", handler, { capture: true, passive: false });

  SpecialPowers.wrap(window).addEventListener("wheel", systemHandler, { capture: true, passive: false, mozSystemGroup: true });
  SpecialPowers.wrap(window).addEventListener("DOMMouseScroll", systemHandler, { capture: true, passive: false, mozSystemGroup: true });
  SpecialPowers.wrap(window).addEventListener("MozMousePixelScroll", systemHandler, { capture: true, passive: false, mozSystemGroup: 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);

  window.removeEventListener("wheel", systemHandler, true);
  window.removeEventListener("DOMMouseScroll", systemHandler, true);
  window.removeEventListener("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": [
    // FIXME(emilio): This test is broken in HiDPI, unclear if
    // MozMousePixelScroll is not properly converting to CSS pixels, or
    // whether sendWheelAndWait expectes device rather than CSS pixels, or
    // something else.
    ["layout.css.devPixelsPerPx", 1.0],

    ["dom.event.wheel-deltaMode-lines.disabled", true],

    ["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],
  ]}, continueTest);
}
</script>
</pre>
</body>
</html>

Messung V0.5

¤ Dauer der Verarbeitung: 0.42 Sekunden (vorverarbeitet) ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.