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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
function testHTMLCollection(name, hooks) {
test(() => {
const nodes = {
root: document.createElement("div"),
div1: document.createElement("div"),
div2: document.createElement("div"),
p: document.createElement("p")
};
nodes.div1.id = "div1";
nodes.div2.id = "div2";
const list = nodes.root.getElementsByTagName("div");
hooks.initial(list, nodes);
nodes.root.appendChild(nodes.div1);
nodes.root.appendChild(nodes.p);
nodes.root.appendChild(nodes.div2);
hooks.afterInsertion(list, nodes);
nodes.root.removeChild(nodes.div1);
hooks.afterRemoval(list, nodes);
}, `HTMLCollection live mutations: ${name}`);
}
testHTMLCollection("HTMLCollection.length", {
initial(list) {
assert_equals(list.length, 0);
},
afterInsertion(list) {
assert_equals(list.length, 2);
},
afterRemoval(list) {
assert_equals(list.length, 1);
}
});
testHTMLCollection("HTMLCollection.item(index)", {
initial(list) {
assert_equals(list.item(0), null);
},
afterInsertion(list, nodes) {
assert_equals(list.item(0), nodes.div1);
assert_equals(list.item(1), nodes.div2);
},
afterRemoval(list, nodes) {
assert_equals(list.item(0), nodes.div2);
}
});
testHTMLCollection("HTMLCollection[index]", {
initial(list) {
assert_equals(list[0], undefined);
},
afterInsertion(list, nodes) {
assert_equals(list[0], nodes.div1);
assert_equals(list[1], nodes.div2);
},
afterRemoval(list, nodes) {
assert_equals(list[0], nodes.div2);
}
});
testHTMLCollection("HTMLCollection.namedItem(index)", {
initial(list) {
assert_equals(list.namedItem("div1"), null);
assert_equals(list.namedItem("div2"), null);
},
afterInsertion(list, nodes) {
assert_equals(list.namedItem("div1"), nodes.div1);
assert_equals(list.namedItem("div2"), nodes.div2);
},
afterRemoval(list, nodes) {
assert_equals(list.namedItem("div1"), null);
assert_equals(list.namedItem("div2"), nodes.div2);
}
});
testHTMLCollection("HTMLCollection ownPropertyNames", {
initial(list) {
assert_object_equals(Object.getOwnPropertyNames(list), []);
},
afterInsertion(list) {
assert_object_equals(Object.getOwnPropertyNames(list), ["0", "1", "div1", "div2"]);
},
afterRemoval(list) {
assert_object_equals(Object.getOwnPropertyNames(list), ["0", "div2"]);
}
});
|
