Edgar Chen
90143df1b5
Co-authored-by: Edgar Chen <echen@mozilla.com> Differential Revision: https://phabricator.services.mozilla.com/D297193
59 lines
2.2 KiB
HTML
59 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/testdriver.js"></script>
|
|
<script src="/resources/testdriver-actions.js"></script>
|
|
<script src="/resources/testdriver-vendor.js"></script>
|
|
</head>
|
|
<body>
|
|
<h2>Description</h2>
|
|
<p>
|
|
This test checks that pointerlockchange should fire when requestPointerLock is
|
|
called with a different unadjustedMovement option as current locked one.
|
|
</p>
|
|
<hr/>
|
|
<div id="target1">Target1</div>
|
|
<div id="target2">Target2</div>
|
|
<script type="text/javascript" >
|
|
const target1 = document.getElementById('target1');
|
|
const target2 = document.getElementById('target2');
|
|
|
|
async function requestPointerLockAndWait(target, option = {}) {
|
|
const { promise, resolve, reject } = Promise.withResolvers();
|
|
document.addEventListener('pointerlockchange', function handler() {
|
|
if (document.pointerLockElement === target) {
|
|
resolve();
|
|
return;
|
|
}
|
|
|
|
assert_unreached("should have pointerLockElement as target.");
|
|
reject(new Error('should have pointerLockElement as target.'));
|
|
}, { once: true});
|
|
await Promise.all([promise, target.requestPointerLock(option)]);
|
|
}
|
|
|
|
document.addEventListener('pointerlockerror', function() {
|
|
assert_unreached("should not receive pointerlockerror event.");
|
|
});
|
|
|
|
promise_test(async (t) => {
|
|
t.add_cleanup(async () => document.exitPointerLock());
|
|
|
|
await test_driver.bless("requestPointerLock");
|
|
await requestPointerLockAndWait(target1, {unadjustedMovement: false});
|
|
await requestPointerLockAndWait(target1, {unadjustedMovement: true});
|
|
}, "request pointer lock with different unadjustedMovement on the same locked element should still fire pointerlockchange event");
|
|
|
|
promise_test(async (t) => {
|
|
t.add_cleanup(async () => document.exitPointerLock());
|
|
|
|
await test_driver.bless("requestPointerLock");
|
|
await requestPointerLockAndWait(target1, {unadjustedMovement: false});
|
|
await requestPointerLockAndWait(target2, {unadjustedMovement: true});
|
|
}, "request pointer lock with different unadjustedMovement on the different element should still fire pointerlockchange event");
|
|
</script>
|
|
</body>
|
|
</html>
|