93 lines
2.3 KiB
JavaScript
93 lines
2.3 KiB
JavaScript
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"]);
|
|
}
|
|
});
|
|
|