1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/dom/tests/mochitest/pointerlock/file_pointerlock-api.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,90 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<!--https://bugzilla.mozilla.org/show_bug.cgi?id=633602-->
1.7 +<head>
1.8 + <title>Bug 633602</title>
1.9 + <script type="application/javascript" src="/tests/SimpleTest/EventUtils.js">
1.10 + </script>
1.11 + <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js">
1.12 + </script>
1.13 + <script type="application/javascript" src="pointerlock_utils.js"></script>
1.14 + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
1.15 +</head>
1.16 +<body>
1.17 + <a target="_blank"
1.18 + href="https://bugzilla.mozilla.org/show_bug.cgi?id=633602">
1.19 + Mozilla Bug 633602
1.20 + </a>
1.21 + <div id="div"></div>
1.22 + <pre id="test">
1.23 + <script type="text/javascript">
1.24 + /*
1.25 + * Test for Bug 633602
1.26 + * Make sure DOM API is correct.
1.27 + */
1.28 +
1.29 + SimpleTest.waitForExplicitFinish();
1.30 +
1.31 + var div,
1.32 + hasRequestPointerLock = false,
1.33 + pointerLockChangeEventFired = false,
1.34 + pointerUnlocked = false,
1.35 + pointerLocked = false,
1.36 + hasExitPointerLock = false,
1.37 + pointerLockElement = false,
1.38 + hasMovementX = false,
1.39 + hasMovementY = false;
1.40 +
1.41 + function runTests () {
1.42 + ok(hasRequestPointerLock, "Element should have mozRequestPointerLock.");
1.43 + ok(pointerLockChangeEventFired, "pointerlockchange event should fire.");
1.44 + ok(pointerUnlocked, "Should be able to unlock pointer locked element.");
1.45 + ok(pointerLocked, "Requested element should be able to lock.");
1.46 + ok(hasExitPointerLock, "Document should have mozExitPointerLock");
1.47 + ok(pointerLockElement, "Document should keep track of correct pointer locked element");
1.48 + ok(hasMovementX, "Mouse Event should have mozMovementX.");
1.49 + ok(hasMovementY, "Mouse Event should have mozMovementY.");
1.50 + }
1.51 +
1.52 + function mouseMoveHandler(e) {
1.53 + document.removeEventListener("mousemove", mouseMoveHandler, false);
1.54 +
1.55 + hasMovementX = "mozMovementX" in e;
1.56 + hasMovementY = "mozMovementY" in e;
1.57 +
1.58 + hasExitPointerLock = "mozExitPointerLock" in document;
1.59 + document.mozExitPointerLock();
1.60 + }
1.61 +
1.62 + document.addEventListener("mozpointerlockchange", function (e) {
1.63 + pointerLockChangeEventFired = true;
1.64 +
1.65 + if (document.mozPointerLockElement) {
1.66 + pointerLocked = true;
1.67 + pointerLockElement = document.mozPointerLockElement === div;
1.68 + document.addEventListener("mousemove", mouseMoveHandler, false);
1.69 + synthesizeMouseAtCenter(div, {type: "mousemove"}, window);
1.70 + } else {
1.71 + pointerUnlocked = true;
1.72 + document.mozCancelFullScreen();
1.73 + }
1.74 + }, false);
1.75 +
1.76 + document.addEventListener("mozfullscreenchange", function(e) {
1.77 + if (document.mozFullScreenElement === div) {
1.78 + hasRequestPointerLock = "mozRequestPointerLock" in div;
1.79 + div.mozRequestPointerLock();
1.80 + } else {
1.81 + runTests();
1.82 + SimpleTest.finish();
1.83 + }
1.84 + }, false);
1.85 +
1.86 + function start() {
1.87 + div = document.getElementById("div");
1.88 + div.mozRequestFullScreen();
1.89 + }
1.90 + </script>
1.91 + </pre>
1.92 +</body>
1.93 +</html>
