Quellcode-Bibliothek test_contextmenu_by_mouse_on_unix.html  Sprache: unbekannt

<!DOCTYPE html>
<html>
<head>
<title>Test to fire contextmenu event by widget level</title>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/SpecialPowers.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
<style>
#target {
  width: 100px;
  height: 100px;
  background-color: blue;
}
</style>
<script>
"use strict";
add_task(async function test_fire_contextmenu_by_mousedown() {
  await SpecialPowers.pushPrefEnv({
    set: [["ui.context_menus.after_mouseup", false]],
  });
  await SimpleTest.promiseFocus();

  // contextmenu event is fired by mouse down.
  await process_contextmenu_event({ isMousedown: true, preventEvent: false });
  // contextmenu event is fired by mouse down even if mouse handler calls preventDefault.
  await process_contextmenu_event({ isMousedown: true, preventEvent: true });
});

add_task(async function test_fire_contextmenu_by_mouseup() {
  await SpecialPowers.pushPrefEnv({
    set: [["ui.context_menus.after_mouseup", true]],
  });
  await SimpleTest.promiseFocus();

  // contextmenu event is fired by mouse up.
  await process_contextmenu_event({ isMousedown: false, preventEvent: false });
  // contextmenu event is fired by mouse up even if mouse handler calls preventDefault.
  await process_contextmenu_event({ isMousedown: false, preventEvent: true });
});

add_task(async function teardown() {
  // Dismiss context menu if any
  await promiseNativeMouseEvent({
    type: "click",
    target: document.body,
    offsetX: 10,
    offsetY: 10,
    button: 0,
  });
});

async function process_contextmenu_event({ isMousedown, preventEvent }) {
  await SpecialPowers.contentTransformsReceived(window);

  const target = document.getElementById("target");

  let count = 0;

  const promise = new Promise(resolve => {
    target.addEventListener("mousedown", e => {
      is(e.buttons, 2, "The right button down should be fired");
      is(count++, 0, "The first event is mousedown");
      if (isMousedown && preventEvent) {
        e.preventDefault();
      }
    }, { once: true });

    if (isMousedown) {
      target.addEventListener("contextmenu", e => {
        is(count++, 1, "The second event is contextmenu");
        e.preventDefault();
      }, { once: true });
      target.addEventListener("mouseup", () => {
        is(count++, 2, "The third event is mouseup");
 resolve();
      }, { once: true} );
    } else {
      target.addEventListener("mouseup", e => {
        is(count++, 1, "The second event is mouseup");
        if (preventEvent) {
          e.preventDefault();
        }
      }, { once: true });
      target.addEventListener("contextmenu", e => {
        is(count++, 2, "The third event is contextmenu");
        e.preventDefault();
 resolve();
      }, { once: true });
    }
  });

  synthesizeNativeMouseEvent({
    type: "mousedown",
    target,
    offsetX: 10,
    offsetY: 10,
    button: 2,
  });

  synthesizeNativeMouseEvent({
    type: "mouseup",
    target,
    offsetX: 10,
    offsetY: 10,
    button: 2,
  });

  await promise;
}
</script>
</head>
<body>
<div id="target"></div>
</body>
</html>