<!
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>
