<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=633602
-->
<head>
  <title>Bug 633602 - constantXY.html</title>
  <script src="/tests/SimpleTest/SimpleTest.js">
  </script>
  <script src="/tests/SimpleTest/EventUtils.js"></script>
  <script type="application/javascript" src="pointerlock_utils.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=633602">
    Mozilla Bug 633602
  </a>
  <div id="div"></div>
  <script type="application/javascript">
      /*
       * Test for Bug 633602
       * Confirm that screenX/Y and clientX/Y are constants when the pointer
       * is locked.
       */

      SimpleTest.waitForExplicitFinish();
      SimpleTest.requestFlakyTimeout("We may need to wait for window's moving");

      var div
        , divRect
        , unLockedCoords
        , lockedCoords
        , mouseMoveIntervalID
        , isUnlocked = false
        , isLocked = false;

      function runTests () {
        ok(isUnlocked, "Pointer should be unlocked");
        ok(isLocked, "Pointer should be locked");

        // Confirm that pointer coords are constant while locked
        is(unLockedCoords.clientX, lockedCoords.clientX,
           "clientX should be equal to where the mouse was originaly locked");
        is(unLockedCoords.clientY, lockedCoords.clientY,
           "clientY should be equal to where the mouse was originaly locked");
        is(unLockedCoords.screenX, lockedCoords.screenX,
           "screenX should be equal to where the mouse was originaly locked");
        is(unLockedCoords.screenY, lockedCoords.screenY,
           "screenY should be equal to where the mouse was originaly locked");
      }

      function moveUnlocked(e) {
        info("Got mousemove via moveUnlocked");
        clearInterval(mouseMoveIntervalID);
        var firstCall = !unLockedCoords;
        if (!firstCall) {
          todo(false, "mousemove is fired twice.");
        }

        unLockedCoords = {
          screenX: e.screenX,
          screenY: e.screenY,
          clientX: e.clientX,
          clientY: e.clientY
        };

        if (!firstCall) {
          return;
        }

        isUnlocked = !document.pointerLockElement;
        div.requestPointerLock();
      }

      function moveLocked(e) {
        info("Got mousemove via moveLocked");
        clearInterval(mouseMoveIntervalID);
        div.removeEventListener("mousemove", moveLocked);

        isLocked = !!document.pointerLockElement;
        lockedCoords = {
          screenX: e.screenX,
          screenY: e.screenY,
          clientX: e.clientX,
          clientY: e.clientY
        };

        addFullscreenChangeContinuation("exit", function() {
          info("Got fullscreenchange for exiting");
          runTests();
          SimpleTest.finish();
        });
        document.exitFullscreen();
      }

      document.addEventListener("pointerlockchange", function (e) {
        if (document.pointerLockElement === div) {
          info("Got pointerlockchange for entering");
          div.removeEventListener("mousemove", moveUnlocked);
          div.addEventListener("mousemove", moveLocked);
          divRect = div.getBoundingClientRect();
          // Bug 1295815
          // Retrigger synthesizeNativeMouseEvent until it actually happens.
          mouseMoveIntervalID = setInterval(() => {
            synthesizeNativeMouseEvent({
              type: "mousemove",
              target: div,
              offsetX: (divRect.width / 4) * 3,
              offsetY: (divRect.height / 4) * 3,
            });
          }, 100);
        } else {
          info("Got pointerlockchange for exiting");
        }
      });

      function start() {
        div = document.getElementById("div");
        info("Requesting fullscreen on parent");
        addFullscreenChangeContinuation("enter", async () => {
          info("Got fullscreenchange for entering");
          await promiseNativeMouseEvent({
            type: "mousemove",
            target: div,
            offsetX: 0,
            offsetY: 0,
          });
          div.addEventListener("mousemove", moveUnlocked);
          // Bug 1295815
          // Retrigger synthesizeNativeMouseEvent until it actually happens.
          mouseMoveIntervalID = setInterval(() => {
            synthesizeNativeMouseEvent({
              type: "mousemove",
              target: div,
              atCenter: true,
            });
          }, 100);
        });
        div.requestFullscreen();
      }
  </script>
</body>
</html>
