test_popup_blocker_pointer_event.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>Test for triggering popup by pointer events</title>

  <script src="/tests/SimpleTest/SimpleTest.js"></script>

  <script src="/tests/SimpleTest/EventUtils.js"></script>

  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>

</head>

<body>

  <div id="target" style="width: 50px; height: 50px; background: green"></div>

  <script>

    function sendMouseEvent(element, eventName, button, listenEventName, handler) {

      let needToCheckHandler = false;

      let handlerIsCalled = false;

      if (listenEventName && handler) {

        needToCheckHandler = true;

        element.addEventListener(listenEventName, (e) => {

          handler(e);

          handlerIsCalled = true;

        }, {once: true});

      synthesizeMouseAtCenter(element, {type: eventName, button});

      if (needToCheckHandler) {

        ok(handlerIsCalled, "Handler should be called");

    function checkAllowOpenPopup(e) {

      let w = window.open("about:blank");

      ok(w, `Should allow popup in the ${e.type} listener with button=${e.button}`);

      if (w) {

        w.close();

    function checkBlockOpenPopup(e) {

      let w = window.open("about:blank");

      ok(!w, `Should block popup in the ${e.type} listener with button=${e.button}`);

      if (w) {

        w.close();

    add_setup(async function() {

      const DENY_ACTION = SpecialPowers.Ci.nsIPermissionManager.DENY_ACTION;

      let xorigin = SimpleTest.getTestFileURL("").replace(location.hostname, 'mochi.xorigin-test');

      await SpecialPowers.pushPermissions([

        {'type': 'popup', 'allow': DENY_ACTION,

         'context': document},

        {'type': 'popup', 'allow': DENY_ACTION,

         'context': xorigin}

]);

      await new Promise(resolve => SimpleTest.waitForFocus(resolve));

});

    const LEFT_BUTTON = 0;

    const MIDDLE_BUTTON = 1;

    const RIGHT_BUTTON = 2;

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

    async function testPointerEventDefault() {

      // By default, only allow opening popup in the pointerup listener.

      // Left button

      sendMouseEvent(target, "mousedown", LEFT_BUTTON, "pointerdown", checkAllowOpenPopup);

      sendMouseEvent(target, "mousemove", LEFT_BUTTON, "pointermove", checkBlockOpenPopup);

      sendMouseEvent(target, "mouseup", LEFT_BUTTON, "pointerup", checkBlockOpenPopup);

      // Middle button

      sendMouseEvent(target, "mousedown", MIDDLE_BUTTON, "pointerdown", checkAllowOpenPopup);

      sendMouseEvent(target, "mousemove", MIDDLE_BUTTON, "pointermove", checkBlockOpenPopup);

      sendMouseEvent(target, "mouseup", MIDDLE_BUTTON, "pointerup", checkBlockOpenPopup);

      // Right button

      sendMouseEvent(target, "mousedown", RIGHT_BUTTON, "pointerdown", checkAllowOpenPopup);

      sendMouseEvent(target, "mousemove", RIGHT_BUTTON, "pointermove", checkBlockOpenPopup);

      sendMouseEvent(target, "mouseup", RIGHT_BUTTON, "pointerup", checkBlockOpenPopup);

};

    async function testPointerEventAddPointerDownToPref() {

      // Adding pointerdown to preference

      await SpecialPowers.pushPrefEnv({"set": [["dom.popup_allowed_events",

                                                "pointerdown pointerup"]]});

      // Left button

      sendMouseEvent(target, "mousedown", LEFT_BUTTON, "pointerdown", checkAllowOpenPopup);

      sendMouseEvent(target, "mousemove", LEFT_BUTTON, "pointermove", checkBlockOpenPopup);

      sendMouseEvent(target, "mouseup", LEFT_BUTTON, "pointerup", checkBlockOpenPopup);

      // Middle button

      sendMouseEvent(target, "mousedown", MIDDLE_BUTTON, "pointerdown", checkAllowOpenPopup);

      sendMouseEvent(target, "mousemove", MIDDLE_BUTTON, "pointermove", checkBlockOpenPopup);

      sendMouseEvent(target, "mouseup", MIDDLE_BUTTON, "pointerup", checkBlockOpenPopup);

      // Right button

      sendMouseEvent(target, "mousedown", RIGHT_BUTTON, "pointerdown", checkAllowOpenPopup);

      sendMouseEvent(target, "mousemove", RIGHT_BUTTON, "pointermove", checkBlockOpenPopup);

      sendMouseEvent(target, "mouseup", RIGHT_BUTTON, "pointerup", checkBlockOpenPopup);

      await SpecialPowers.popPrefEnv();

    async function testPointerEventAddPointerMoveToPref() {

      // Adding pointermove to preference should have no effect.

      await SpecialPowers.pushPrefEnv({"set": [["dom.popup_allowed_events",

                                                "pointerdown pointerup pointermove"]]});

      // Left button

      sendMouseEvent(target, "mousedown", LEFT_BUTTON, "pointerdown", checkAllowOpenPopup);

      sendMouseEvent(target, "mousemove", LEFT_BUTTON, "pointermove", checkBlockOpenPopup);

      sendMouseEvent(target, "mouseup", LEFT_BUTTON, "pointerup", checkBlockOpenPopup);

      // Middle button

      sendMouseEvent(target, "mousedown", MIDDLE_BUTTON, "pointerdown", checkAllowOpenPopup);

      sendMouseEvent(target, "mousemove", MIDDLE_BUTTON, "pointermove", checkBlockOpenPopup);

      sendMouseEvent(target, "mouseup", MIDDLE_BUTTON, "pointerup", checkBlockOpenPopup);

      // Right button

      sendMouseEvent(target, "mousedown", RIGHT_BUTTON, "pointerdown", checkAllowOpenPopup);

      sendMouseEvent(target, "mousemove", RIGHT_BUTTON, "pointermove", checkBlockOpenPopup);

      sendMouseEvent(target, "mouseup", RIGHT_BUTTON, "pointerup", checkBlockOpenPopup);

      await SpecialPowers.popPrefEnv();

    add_task(testPointerEventDefault);

    add_task(testPointerEventAddPointerDownToPref);

    add_task(testPointerEventAddPointerMoveToPref);

  </script>

</body>

</html>