96 lines
4.8 KiB
HTML
96 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<title>Node.prototype.getRootNode()</title>
|
|
<link rel="help" href="https://dom.spec.whatwg.org/#dom-node-getrootnode">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
|
|
test(function () {
|
|
var shadowHost = document.createElement('div');
|
|
document.body.appendChild(shadowHost);
|
|
|
|
var shadowRoot = shadowHost.attachShadow({mode: 'open'});
|
|
shadowRoot.innerHTML = '<div class="shadowChild">content</div>';
|
|
|
|
var shadowChild = shadowRoot.querySelector('.shadowChild');
|
|
assert_equals(shadowChild.getRootNode({composed: true}), document, "getRootNode() must return context object's shadow-including root if options's composed is true");
|
|
assert_equals(shadowChild.getRootNode({composed: false}), shadowRoot, "getRootNode() must return context object's root if options's composed is false");
|
|
assert_equals(shadowChild.getRootNode(), shadowRoot, "getRootNode() must return context object's root if options's composed is default false");
|
|
|
|
}, "getRootNode() must return context object's shadow-including root if options's composed is true, and context object's root otherwise");
|
|
|
|
test(function () {
|
|
var element = document.createElement('div');
|
|
assert_equals(element.getRootNode(), element, 'getRootNode() on an element without a parent must return the element itself');
|
|
|
|
var text = document.createTextNode('');
|
|
assert_equals(text.getRootNode(), text, 'getRootNode() on a text node without a parent must return the text node itself');
|
|
|
|
var processingInstruction = document.createProcessingInstruction('target', 'data');
|
|
assert_equals(processingInstruction.getRootNode(), processingInstruction, 'getRootNode() on a processing instruction node without a parent must return the processing instruction node itself');
|
|
|
|
assert_equals(document.getRootNode(), document, 'getRootNode() on a document node must return the document itself');
|
|
|
|
}, 'getRootNode() must return the context object when it does not have any parent');
|
|
|
|
test(function () {
|
|
var parent = document.createElement('div');
|
|
|
|
var element = document.createElement('div');
|
|
parent.appendChild(element);
|
|
assert_equals(element.getRootNode(), parent, 'getRootNode() on an element with a single ancestor must return the parent node');
|
|
|
|
var text = document.createTextNode('');
|
|
parent.appendChild(text);
|
|
assert_equals(text.getRootNode(), parent, 'getRootNode() on a text node with a single ancestor must return the parent node');
|
|
|
|
var processingInstruction = document.createProcessingInstruction('target', 'data');
|
|
parent.appendChild(processingInstruction)
|
|
assert_equals(processingInstruction.getRootNode(), parent, 'getRootNode() on a processing instruction node with a single ancestor must return the parent node');
|
|
|
|
}, 'getRootNode() must return the parent node of the context object when the context object has a single ancestor not in a document');
|
|
|
|
test(function () {
|
|
var parent = document.createElement('div');
|
|
document.body.appendChild(parent);
|
|
|
|
var element = document.createElement('div');
|
|
parent.appendChild(element);
|
|
assert_equals(element.getRootNode(), document, 'getRootNode() on an element inside a document must return the document');
|
|
|
|
var text = document.createTextNode('');
|
|
parent.appendChild(text);
|
|
assert_equals(text.getRootNode(), document, 'getRootNode() on a text node inside a document must return the document');
|
|
|
|
var processingInstruction = document.createProcessingInstruction('target', 'data');
|
|
parent.appendChild(processingInstruction)
|
|
assert_equals(processingInstruction.getRootNode(), document, 'getRootNode() on a processing instruction node inside a document must return the document');
|
|
}, 'getRootNode() must return the document when a node is in document');
|
|
|
|
test(function () {
|
|
var fragment = document.createDocumentFragment();
|
|
var parent = document.createElement('div');
|
|
fragment.appendChild(parent);
|
|
|
|
var element = document.createElement('div');
|
|
parent.appendChild(element);
|
|
assert_equals(element.getRootNode(), fragment, 'getRootNode() on an element inside a document fragment must return the fragment');
|
|
|
|
var text = document.createTextNode('');
|
|
parent.appendChild(text);
|
|
assert_equals(text.getRootNode(), fragment, 'getRootNode() on a text node inside a document fragment must return the fragment');
|
|
|
|
var processingInstruction = document.createProcessingInstruction('target', 'data');
|
|
parent.appendChild(processingInstruction)
|
|
assert_equals(processingInstruction.getRootNode(), fragment,
|
|
'getRootNode() on a processing instruction node inside a document fragment must return the fragment');
|
|
}, 'getRootNode() must return a document fragment when a node is in the fragment');
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|