mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-12 12:55:46 +00:00
2e146b9a3d
MozReview-Commit-ID: FIohq85kl1G --HG-- rename : testing/web-platform/tests/XMLHttpRequest/event-upload-progress-crossorigin.sub.htm => testing/web-platform/tests/XMLHttpRequest/event-upload-progress-crossorigin.htm rename : testing/web-platform/tests/XMLHttpRequest/send-non-same-origin.sub.htm => testing/web-platform/tests/XMLHttpRequest/send-non-same-origin.htm rename : testing/web-platform/tests/html/browsers/history/the-location-interface/security_location_0.sub.htm => testing/web-platform/tests/html/browsers/history/the-location-interface/security_location_0.htm rename : testing/web-platform/tests/html/browsers/the-window-object/security-window/window-security.sub.html => testing/web-platform/tests/html/browsers/the-window-object/security-window/window-security.html rename : testing/web-platform/tests/html/browsers/windows/nested-browsing-contexts/frameElement.sub.html => testing/web-platform/tests/html/browsers/windows/nested-browsing-contexts/frameElement.html rename : testing/web-platform/tests/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.sub.html => testing/web-platform/tests/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.html rename : testing/web-platform/tests/html/dom/documents/dom-tree-accessors/Document.currentScript.sub.html => testing/web-platform/tests/html/dom/documents/dom-tree-accessors/Document.currentScript.html rename : testing/web-platform/tests/html/semantics/document-metadata/the-base-element/base_href_specified.sub.html => testing/web-platform/tests/html/semantics/document-metadata/the-base-element/base_href_specified.html
85 lines
3.2 KiB
HTML
85 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name='author' title='Takayoshi Kochi' href='mailto:kochi@chromium.org'>
|
|
<meta name='assert' content='Test for DocumentOrShadowRoot.pointerLockElement.'>
|
|
<link rel='help' href='https://w3c.github.io/pointerlock/#widl-DocumentOrShadowRoot-pointerLockElement'>
|
|
<meta name='flags' content='interact'>
|
|
<meta name='timeout' content='long'>
|
|
<script src='/resources/testharness.js'></script>
|
|
<script src='/resources/testharnessreport.js'></script>
|
|
<script src='../shadow-dom/resources/shadow-dom.js'></script>
|
|
</head>
|
|
<body>
|
|
<div id='host'>
|
|
<template data-mode='open' id='root'>
|
|
<slot></slot>
|
|
</template>
|
|
<div id='host2'>
|
|
<template data-mode='open' id='root2'>
|
|
<div id='host3'>
|
|
<template data-mode='open' id='root3'>
|
|
<canvas id='canvas'></canvas>
|
|
<div id='host4'>
|
|
<template data-mode='open' id='root4'>
|
|
<div></div>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
<div id='host5'>
|
|
<template data-mode='open' id='root5'>
|
|
<div></div>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function run_test() {
|
|
async_test((test) => {
|
|
document.onpointerlockerror = test.unreached_func('onpointerlockerror is not expected.');
|
|
|
|
document.onpointerlockchange = test.step_func(() => {
|
|
// Not interested in handling before or after exitPointerLock.
|
|
if (document.pointerLockElement === null)
|
|
return;
|
|
|
|
assert_equals(document.pointerLockElement, ids.host2, 'document.pointerLockElement should be shadow #host2.');
|
|
assert_equals(ids.root.pointerLockElement, null, '#root\'s shadowRoot.pointerLockElement should be null.');
|
|
assert_equals(ids.root2.pointerLockElement, ids.host3, '#root2\'s shadowRoot.pointerLockElement should be host3.');
|
|
assert_equals(ids.root3.pointerLockElement, ids.canvas, '#root3\'s shadowRoot.pointerLockElement should be canvas element.');
|
|
assert_equals(ids.root4.pointerLockElement, null, '#root4\'s shadowRoot.pointerLockElement should be null.');
|
|
assert_equals(ids.root5.pointerLockElement, null, '#root5\'s shadowRoot.pointerLockElement should be null.');
|
|
|
|
document.exitPointerLock();
|
|
test.done();
|
|
});
|
|
|
|
var ids = createTestTree(host);
|
|
document.body.appendChild(ids.host);
|
|
|
|
// All pointerLockElement should default to null.
|
|
test.step(() => {
|
|
assert_equals(document.pointerLockElement, null);
|
|
assert_equals(ids.root.pointerLockElement, null);
|
|
assert_equals(ids.root2.pointerLockElement, null);
|
|
assert_equals(ids.root3.pointerLockElement, null);
|
|
assert_equals(ids.root4.pointerLockElement, null);
|
|
assert_equals(ids.root5.pointerLockElement, null);
|
|
});
|
|
|
|
var canvas = ids.canvas;
|
|
canvas.requestPointerLock();
|
|
}, 'Test for pointerLockElement adjustment for Shadow DOM.');
|
|
}
|
|
</script>
|
|
<div>
|
|
<h2>Description</h2>
|
|
<p>Click the button below to trigger pointer lock on an element in a shadow root.</p>
|
|
<button onclick="run_test()">Click Me!</button>
|
|
</div>
|
|
</body>
|
|
</html>
|