149 lines
5.9 KiB
HTML
149 lines
5.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<script src="../http/tests/resources/js-test-pre.js"></script>
|
|
<script src="../http/tests/resources/pointer-lock/pointer-lock-test-harness.js"></script>
|
|
</head>
|
|
<body id="body">
|
|
<div>
|
|
<div id="target1"></div>
|
|
<div id="target2"></div>
|
|
</div>
|
|
<script>
|
|
description("Test mouse events are routed to lock target.")
|
|
window.jsTestIsAsync = true;
|
|
|
|
targetdiv1 = document.getElementById("target1");
|
|
targetdiv2 = document.getElementById("target2");
|
|
|
|
// Expect change event only for all transitions below.
|
|
expectedTargetToBeLockedString = "";
|
|
document.onpointerlockchange = function ()
|
|
{
|
|
testPassed("document.onpointerlockchange event received.");
|
|
shouldBe("document.pointerLockElement", expectedTargetToBeLockedString);
|
|
doNextStep();
|
|
};
|
|
document.onpointerlockerror =
|
|
function () { testFailed("document.onpointerlockerror event received."); finishJSTest(); };
|
|
|
|
function eventNotExpected(e) {
|
|
testFailed("Unexpected event " + e.type + " on " + e.currentTarget.id);
|
|
finishJSTest();
|
|
}
|
|
function eventExpected(e) {
|
|
testPassed("event type: " + e.type + ", target: " + e.target.id + ", received on: " + e.currentTarget.id);
|
|
}
|
|
function eventExpectedThenNextStep(e) {
|
|
testPassed("event type: " + e.type + ", target: " + e.target.id + ", received on: " + e.currentTarget.id);
|
|
doNextStep();
|
|
}
|
|
function eventDeltaExpected(e) {
|
|
testPassed("event type: " + e.type + ", movementX: " + e.movementX + ", movementY: " + e.movementY + ", target: " + e.target.id + ", received on: " + e.currentTarget.id);
|
|
}
|
|
function eventDeltaExpectedThenNextStep(e) {
|
|
testPassed("event type: " + e.type + ", movementX: " + e.movementX + ", movementY: " + e.movementY + ", target: " + e.target.id + ", received on: " + e.currentTarget.id);
|
|
doNextStep();
|
|
}
|
|
|
|
todo = [
|
|
function () {
|
|
targetdiv1.requestPointerLock();
|
|
expectedTargetToBeLockedString = "targetdiv1";
|
|
// doNextStep() called by onpointerlockchange handler.
|
|
},
|
|
function () {
|
|
debug(" With a lock in place send a wheel event.")
|
|
targetdiv1.onwheel = eventExpectedThenNextStep;
|
|
targetdiv2.onwheel = eventNotExpected;
|
|
document.body.onwheel = eventExpected;
|
|
if (window.eventSender) {
|
|
window.eventSender.mouseMoveTo(20,20);
|
|
window.eventSender.leapForward(1000);
|
|
window.eventSender.mouseScrollBy(0,10);
|
|
}
|
|
},
|
|
function () {
|
|
debug(" With a lock in place move the mouse.")
|
|
targetdiv1.onmousemove = eventDeltaExpectedThenNextStep;
|
|
targetdiv2.onmousemove = eventNotExpected;
|
|
document.body.onmousemove = eventDeltaExpected;
|
|
if (window.eventSender) {
|
|
window.eventSender.mouseMoveTo(45,50);
|
|
}
|
|
},
|
|
function () {
|
|
debug(" With a lock in place send a click.")
|
|
targetdiv1.onmousemove = null;
|
|
targetdiv2.onmousemove = null;
|
|
document.body.onmousemove = null;
|
|
|
|
targetdiv1.onmousedown = eventExpected;
|
|
targetdiv2.onmousedown = eventNotExpected;
|
|
document.body.onmousedown = eventExpected;
|
|
if (window.eventSender) {
|
|
window.eventSender.leapForward(1000);
|
|
window.eventSender.mouseDown();
|
|
window.eventSender.mouseUp();
|
|
}
|
|
doNextStepWithUserGesture();
|
|
},
|
|
function () {
|
|
targetdiv2.requestPointerLock();
|
|
expectedTargetToBeLockedString = "targetdiv2";
|
|
// doNextStep() called by onpointerlockchange handler.
|
|
},
|
|
function () {
|
|
debug(" With a lock in place send a wheel event.")
|
|
targetdiv1.onwheel = eventNotExpected;
|
|
targetdiv2.onwheel = eventExpectedThenNextStep;
|
|
document.body.onwheel = eventExpected;
|
|
if (window.eventSender) {
|
|
window.eventSender.leapForward(1000);
|
|
window.eventSender.mouseScrollBy(0,10);
|
|
}
|
|
},
|
|
function () {
|
|
debug(" With a lock in place send a click.")
|
|
targetdiv1.onmousedown = eventNotExpected;
|
|
targetdiv2.onmousedown = eventExpected;
|
|
document.body.onmousedown = eventExpected;
|
|
if (window.eventSender) {
|
|
window.eventSender.leapForward(1000);
|
|
window.eventSender.mouseDown();
|
|
window.eventSender.mouseUp();
|
|
}
|
|
doNextStepWithUserGesture();
|
|
},
|
|
function () {
|
|
debug(" Ensure double clicks work as expected, sending 4 clicks.")
|
|
targetdiv1.onmousedown = undefined;
|
|
document.body.onmousedown = undefined;
|
|
targetdiv2.onmousedown = eventExpected;
|
|
targetdiv2.onmouseup = eventExpected;
|
|
targetdiv2.onclick = eventExpected;
|
|
targetdiv2.ondblclick = eventExpected;
|
|
debug(" Creating a click and dblclick.");
|
|
if (window.eventSender) {
|
|
window.eventSender.leapForward(1000);
|
|
window.eventSender.mouseDown();
|
|
window.eventSender.mouseUp();
|
|
window.eventSender.mouseDown();
|
|
window.eventSender.mouseUp();
|
|
}
|
|
debug(" Ensuring no false dblclicks if we continue.");
|
|
if (window.eventSender) {
|
|
window.eventSender.mouseDown();
|
|
window.eventSender.mouseUp();
|
|
window.eventSender.mouseDown();
|
|
window.eventSender.mouseUp();
|
|
}
|
|
doNextStepWithUserGesture();
|
|
},
|
|
];
|
|
doNextStepWithUserGesture();
|
|
</script>
|
|
<script src="../http/tests/resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|