+
+
+
diff --git a/tests/wpt/dom/nodes/DocumentFragment-querySelectorAll-after-modification.html b/tests/wpt/dom/nodes/DocumentFragment-querySelectorAll-after-modification.html
new file mode 100644
index 00000000..80493638
--- /dev/null
+++ b/tests/wpt/dom/nodes/DocumentFragment-querySelectorAll-after-modification.html
@@ -0,0 +1,24 @@
+
+
+querySelectorAll should still work on DocumentFragments after they are modified
+
+
+
+
+
diff --git a/tests/wpt/dom/nodes/pre-insertion-validation-hierarchy.js b/tests/wpt/dom/nodes/pre-insertion-validation-hierarchy.js
new file mode 100644
index 00000000..6ef2576d
--- /dev/null
+++ b/tests/wpt/dom/nodes/pre-insertion-validation-hierarchy.js
@@ -0,0 +1,86 @@
+/**
+ * Validations where `child` argument is irrelevant.
+ * @param {Function} methodName
+ */
+function preInsertionValidateHierarchy(methodName) {
+ function insert(parent, node) {
+ if (parent[methodName].length > 1) {
+ // This is for insertBefore(). We can't blindly pass `null` for all methods
+ // as doing so will move nodes before validation.
+ parent[methodName](node, null);
+ } else {
+ parent[methodName](node);
+ }
+ }
+
+ // Step 2
+ test(() => {
+ const doc = document.implementation.createHTMLDocument("title");
+ assert_throws_dom("HierarchyRequestError", () => insert(doc.body, doc.body));
+ assert_throws_dom("HierarchyRequestError", () => insert(doc.body, doc.documentElement));
+ }, "If node is a host-including inclusive ancestor of parent, then throw a HierarchyRequestError DOMException.");
+
+ // Step 4
+ test(() => {
+ const doc = document.implementation.createHTMLDocument("title");
+ const doc2 = document.implementation.createHTMLDocument("title2");
+ assert_throws_dom("HierarchyRequestError", () => insert(doc, doc2));
+ }, "If node is not a DocumentFragment, DocumentType, Element, Text, ProcessingInstruction, or Comment node, then throw a HierarchyRequestError DOMException.");
+
+ // Step 5, in case of inserting a text node into a document
+ test(() => {
+ const doc = document.implementation.createHTMLDocument("title");
+ assert_throws_dom("HierarchyRequestError", () => insert(doc, doc.createTextNode("text")));
+ }, "If node is a Text node and parent is a document, then throw a HierarchyRequestError DOMException.");
+
+ // Step 5, in case of inserting a doctype into a non-document
+ test(() => {
+ const doc = document.implementation.createHTMLDocument("title");
+ const doctype = doc.childNodes[0];
+ assert_throws_dom("HierarchyRequestError", () => insert(doc.createElement("a"), doctype));
+ }, "If node is a doctype and parent is not a document, then throw a HierarchyRequestError DOMException.")
+
+ // Step 6, in case of DocumentFragment including multiple elements
+ test(() => {
+ const doc = document.implementation.createHTMLDocument("title");
+ doc.documentElement.remove();
+ const df = doc.createDocumentFragment();
+ df.appendChild(doc.createElement("a"));
+ df.appendChild(doc.createElement("b"));
+ assert_throws_dom("HierarchyRequestError", () => insert(doc, df));
+ }, "If node is a DocumentFragment with multiple elements and parent is a document, then throw a HierarchyRequestError DOMException.");
+
+ // Step 6, in case of DocumentFragment has multiple elements when document already has an element
+ test(() => {
+ const doc = document.implementation.createHTMLDocument("title");
+ const df = doc.createDocumentFragment();
+ df.appendChild(doc.createElement("a"));
+ assert_throws_dom("HierarchyRequestError", () => insert(doc, df));
+ }, "If node is a DocumentFragment with an element and parent is a document with another element, then throw a HierarchyRequestError DOMException.");
+
+ // Step 6, in case of an element
+ test(() => {
+ const doc = document.implementation.createHTMLDocument("title");
+ const el = doc.createElement("a");
+ assert_throws_dom("HierarchyRequestError", () => insert(doc, el));
+ }, "If node is an Element and parent is a document with another element, then throw a HierarchyRequestError DOMException.");
+
+ // Step 6, in case of a doctype when document already has another doctype
+ test(() => {
+ const doc = document.implementation.createHTMLDocument("title");
+ const doctype = doc.childNodes[0].cloneNode();
+ doc.documentElement.remove();
+ assert_throws_dom("HierarchyRequestError", () => insert(doc, doctype));
+ }, "If node is a doctype and parent is a document with another doctype, then throw a HierarchyRequestError DOMException.");
+
+ // Step 6, in case of a doctype when document has an element
+ if (methodName !== "prepend") {
+ // Skip `.prepend` as this doesn't throw if `child` is an element
+ test(() => {
+ const doc = document.implementation.createHTMLDocument("title");
+ const doctype = doc.childNodes[0].cloneNode();
+ doc.childNodes[0].remove();
+ assert_throws_dom("HierarchyRequestError", () => insert(doc, doctype));
+ }, "If node is a doctype and parent is a document with an element, then throw a HierarchyRequestError DOMException.");
+ }
+}
diff --git a/tests/wpt/dom/nodes/pre-insertion-validation-notfound.js b/tests/wpt/dom/nodes/pre-insertion-validation-notfound.js
new file mode 100644
index 00000000..705283fa
--- /dev/null
+++ b/tests/wpt/dom/nodes/pre-insertion-validation-notfound.js
@@ -0,0 +1,108 @@
+function getNonParentNodes() {
+ return [
+ document.implementation.createDocumentType("html", "", ""),
+ document.createTextNode("text"),
+ document.implementation.createDocument(null, "foo", null).createProcessingInstruction("foo", "bar"),
+ document.createComment("comment"),
+ document.implementation.createDocument(null, "foo", null).createCDATASection("data"),
+ ];
+}
+
+function getNonInsertableNodes() {
+ return [
+ document.implementation.createHTMLDocument("title")
+ ];
+}
+
+function getNonDocumentParentNodes() {
+ return [
+ document.createElement("div"),
+ document.createDocumentFragment(),
+ ];
+}
+
+// Test that the steps happen in the right order, to the extent that it's
+// observable. The variable names "parent", "child", and "node" match the
+// corresponding variables in the replaceChild algorithm in these tests.
+
+// Step 1 happens before step 3.
+test(function() {
+ var illegalParents = getNonParentNodes();
+ var child = document.createElement("div");
+ var node = document.createElement("div");
+ illegalParents.forEach(function (parent) {
+ assert_throws_dom("HierarchyRequestError", function() {
+ insertFunc.call(parent, node, child);
+ });
+ });
+}, "Should check the 'parent' type before checking whether 'child' is a child of 'parent'");
+
+// Step 2 happens before step 3.
+test(function() {
+ var parent = document.createElement("div");
+ var child = document.createElement("div");
+ var node = document.createElement("div");
+
+ node.appendChild(parent);
+ assert_throws_dom("HierarchyRequestError", function() {
+ insertFunc.call(parent, node, child);
+ });
+}, "Should check that 'node' is not an ancestor of 'parent' before checking whether 'child' is a child of 'parent'");
+
+// Step 3 happens before step 4.
+test(function() {
+ var parent = document.createElement("div");
+ var child = document.createElement("div");
+
+ var illegalChildren = getNonInsertableNodes();
+ illegalChildren.forEach(function (node) {
+ assert_throws_dom("NotFoundError", function() {
+ insertFunc.call(parent, node, child);
+ });
+ });
+}, "Should check whether 'child' is a child of 'parent' before checking whether 'node' is of a type that can have a parent.");
+
+
+// Step 3 happens before step 5.
+test(function() {
+ var child = document.createElement("div");
+
+ var node = document.createTextNode("");
+ var parent = document.implementation.createDocument(null, "foo", null);
+ assert_throws_dom("NotFoundError", function() {
+ insertFunc.call(parent, node, child);
+ });
+
+ node = document.implementation.createDocumentType("html", "", "");
+ getNonDocumentParentNodes().forEach(function (parent) {
+ assert_throws_dom("NotFoundError", function() {
+ insertFunc.call(parent, node, child);
+ });
+ });
+}, "Should check whether 'child' is a child of 'parent' before checking whether 'node' is of a type that can have a parent of the type that 'parent' is.");
+
+// Step 3 happens before step 6.
+test(function() {
+ var child = document.createElement("div");
+ var parent = document.implementation.createDocument(null, null, null);
+
+ var node = document.createDocumentFragment();
+ node.appendChild(document.createElement("div"));
+ node.appendChild(document.createElement("div"));
+ assert_throws_dom("NotFoundError", function() {
+ insertFunc.call(parent, node, child);
+ });
+
+ node = document.createElement("div");
+ parent.appendChild(document.createElement("div"));
+ assert_throws_dom("NotFoundError", function() {
+ insertFunc.call(parent, node, child);
+ });
+
+ parent.firstChild.remove();
+ parent.appendChild(document.implementation.createDocumentType("html", "", ""));
+ node = document.implementation.createDocumentType("html", "", "")
+ assert_throws_dom("NotFoundError", function() {
+ insertFunc.call(parent, node, child);
+ });
+}, "Should check whether 'child' is a child of 'parent' before checking whether 'node' can be inserted into the document given the kids the document has right now.");