1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
// Testing DocumentFragment with host separately as it has a different node document by design
test(() => {
const df = document.createElement("template").content;
const child = df.appendChild(new Text('hi'));
assert_not_equals(df.ownerDocument, document);
const nodeDocument = df.ownerDocument;
document.body.appendChild(df);
assert_equals(df.childNodes.length, 0);
assert_equals(child.ownerDocument, document);
assert_equals(df.ownerDocument, nodeDocument);
}, `appendChild() and DocumentFragment with host`);
test(() => {
const df = document.createElement("template").content;
const child = df.appendChild(new Text('hi'));
const nodeDocument = df.ownerDocument;
document.adoptNode(df);
assert_equals(df.childNodes.length, 1);
assert_equals(child.ownerDocument, nodeDocument);
assert_equals(df.ownerDocument, nodeDocument);
}, `adoptNode() and DocumentFragment with host`);
[
{
"name": "DocumentFragment",
"creator": doc => doc.createDocumentFragment()
},
{
"name": "ShadowRoot",
"creator": doc => doc.createElementNS("http://www.w3.org/1999/xhtml", "div").attachShadow({mode: "closed"})
}
].forEach(dfTest => {
test(() => {
const doc = new Document();
const df = dfTest.creator(doc);
const child = df.appendChild(new Text('hi'));
assert_equals(df.ownerDocument, doc);
document.body.appendChild(df);
assert_equals(df.childNodes.length, 0);
assert_equals(child.ownerDocument, document);
assert_equals(df.ownerDocument, doc);
}, `appendChild() and ${dfTest.name}`);
test(() => {
const doc = new Document();
const df = dfTest.creator(doc);
const child = df.appendChild(new Text('hi'));
if (dfTest.name === "ShadowRoot") {
assert_throws_dom("HierarchyRequestError", () => document.adoptNode(df));
} else {
document.adoptNode(df);
assert_equals(df.childNodes.length, 1);
assert_equals(child.ownerDocument, document);
assert_equals(df.ownerDocument, document);
}
}, `adoptNode() and ${dfTest.name}`);
});
|