зеркало из https://github.com/mozilla/gecko-dev.git
107 строки
3.7 KiB
HTML
107 строки
3.7 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=633602
|
|
-->
|
|
<head>
|
|
<title>Bug 633602 - file_movementXY.html</title>
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js">
|
|
</script>
|
|
<script type="text/javascript" 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>
|
|
<pre id="test">
|
|
<script type="application/javascript">
|
|
/*
|
|
* Test for Bug 633602
|
|
* Checks if movementX and movementY are present
|
|
* in the mouse event object.
|
|
* It also checks the values for movementXY.
|
|
* They should be equal to the current screenXY minus
|
|
* the last screenXY
|
|
*/
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
SimpleTest.requestFlakyTimeout("We may need to wait for window's moving");
|
|
|
|
function MouseMovementStats() {
|
|
this.screenX = false;
|
|
this.screenY = false;
|
|
this.movementX = false;
|
|
this.movementY = false;
|
|
}
|
|
|
|
var div = document.getElementById("div")
|
|
, divCenterWidth = 0
|
|
, divCenterHeight = 0
|
|
, movementX = false
|
|
, movementY = false
|
|
, firstMove = new MouseMovementStats()
|
|
, secondMove = new MouseMovementStats();
|
|
|
|
function runTests () {
|
|
ok(movementX && movementY, "movementX and " +
|
|
"movementY should exist in mouse events objects.");
|
|
is(secondMove.movementX, secondMove.screenX - firstMove.screenX,
|
|
"movementX should be equal to eNow.screenX-ePrevious.screenX");
|
|
is(secondMove.movementY, secondMove.screenY - firstMove.screenY,
|
|
"movementY should be equal to eNow.screenY-ePrevious.screenY");
|
|
}
|
|
|
|
var moveMouse = function(e) {
|
|
info("Got mouse move");
|
|
movementX = ("movementX" in e);
|
|
movementY = ("movementY" in e);
|
|
|
|
div.removeEventListener("mousemove", moveMouse, false);
|
|
div.addEventListener("mousemove", moveMouseAgain, false);
|
|
|
|
firstMove.screenX = e.screenX;
|
|
firstMove.screenY = e.screenY;
|
|
|
|
divCenterWidth = Math.round(div.getBoundingClientRect().width / 2);
|
|
divCenterHeight = Math.round(div.getBoundingClientRect().height / 2);
|
|
|
|
synthesizeMouse(div, (divCenterWidth + 10), (divCenterHeight + 10), {
|
|
type: "mousemove"
|
|
}, window);
|
|
};
|
|
|
|
var moveMouseAgain = function(e) {
|
|
info("Got mouse move again");
|
|
secondMove.screenX = e.screenX;
|
|
secondMove.screenY = e.screenY;
|
|
secondMove.movementX = e.movementX;
|
|
secondMove.movementY = e.movementY;
|
|
|
|
div.removeEventListener("mousemove", moveMouseAgain, false);
|
|
addFullscreenChangeContinuation("exit", function() {
|
|
info("Got fullscreenchange for exiting");
|
|
runTests();
|
|
SimpleTest.finish();
|
|
});
|
|
document.exitFullscreen();
|
|
};
|
|
|
|
function start() {
|
|
info("Requesting fullscreen on parent");
|
|
addFullscreenChangeContinuation("enter", function() {
|
|
info("Got fullscreenchange for entering");
|
|
div.addEventListener("mousemove", moveMouse, false);
|
|
synthesizeMouseAtCenter(div, {type: "mousemove"}, window);
|
|
});
|
|
div.requestFullscreen();
|
|
}
|
|
</script>
|
|
</pre>
|
|
</body>
|
|
</html>
|