diff --git a/dom/nodes/Node-appendChild-script-and-button-from-div.html b/dom/nodes/Node-appendChild-script-and-button-from-div.html
new file mode 100644
index 00000000000000..431483890cabc3
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-button-from-div.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting script and button from a div</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<form id="form"></form>
+<script>
+let button = null;
+let buttonForm = null;
+test(() => {
+  const form = document.getElementById("form");
+  const script = document.createElement("script");
+  script.textContent = `
+    buttonForm = button.form;
+`;
+  button = document.createElement("button");
+  const div = document.createElement("div");
+  div.appendChild(script);
+  div.appendChild(button);
+  assert_equals(buttonForm, null);
+  form.appendChild(div);
+  assert_equals(buttonForm, form);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-custom-from-fragment.html b/dom/nodes/Node-appendChild-script-and-custom-from-fragment.html
new file mode 100644
index 00000000000000..0fce38829a045d
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-custom-from-fragment.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting script and custom element from a DocumentFragment</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+let customConstructed = false;
+let isCustomConstructed = false;
+class CustomElement extends HTMLElement {
+    constructor() {
+        super();
+        customConstructed = true;
+    }
+}
+test(() => {
+  const script = document.createElement("script");
+  script.textContent = `
+    customElements.define("custom-element", CustomElement);
+    isCustomConstructed = customConstructed;
+`;
+  const custom = document.createElement("custom-element");
+  const df = document.createDocumentFragment();
+  df.appendChild(script);
+  df.appendChild(custom);
+  assert_false(customConstructed);
+  assert_false(isCustomConstructed);
+  document.head.appendChild(df);
+  assert_true(customConstructed);
+  assert_true(isCustomConstructed);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-default-style-meta-from-fragment.html b/dom/nodes/Node-appendChild-script-and-default-style-meta-from-fragment.html
new file mode 100644
index 00000000000000..c0da76ee04e9bd
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-default-style-meta-from-fragment.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting script and default-style meta from a fragment</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<link rel="alternate stylesheet" title="alternative" href="data:text/css,%23div{display:none}">
+<div id="log"></div>
+<div id="div">hello</div>
+<script>
+let scriptRan = false;
+let computedStyle = null;
+test(() => {
+  const div = document.getElementById("div");
+  const meta = document.createElement("meta");
+  meta.httpEquiv = "default-style";
+  meta.content = "alternative";
+  const script = document.createElement("script");
+  script.textContent = `
+    computedStyle = getComputedStyle(div).display;
+    scriptRan = true;
+`;
+  const df = document.createDocumentFragment();
+  df.appendChild(script);
+  df.appendChild(meta);
+  assert_equals(getComputedStyle(div).display, "block", "div is not a block");
+  assert_false(scriptRan, "script ran");
+  document.head.appendChild(df);
+  assert_true(scriptRan, "script has not run");
+  assert_equals(computedStyle, "none", "div is still visible");
+  assert_equals(getComputedStyle(div).display, "none", "div is still visible after insertion");
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-div-from-fragment.html b/dom/nodes/Node-appendChild-script-and-div-from-fragment.html
new file mode 100644
index 00000000000000..d6d37be3c071a8
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-div-from-fragment.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting script and div from a DocumentFragment</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+let script = null;
+let scriptParent = null;
+let div = null;
+let divParent = null;
+test(() => {
+  script = document.createElement("script");
+  div = document.createElement("div");
+  script.textContent = `
+    divParent = div.parentNode;
+    scriptParent = script.parentNode;
+`;
+  const df = document.createDocumentFragment();
+  df.appendChild(script);
+  df.appendChild(div);
+  assert_equals(divParent, null);
+  assert_equals(scriptParent, null);
+  document.head.appendChild(df);
+  assert_equals(divParent, scriptParent);
+  assert_equals(divParent, document.head);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-iframe-from-fragment.html b/dom/nodes/Node-appendChild-script-and-iframe-from-fragment.html
new file mode 100644
index 00000000000000..37d44756a7f435
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-iframe-from-fragment.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting script and iframe from a div</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+let happened = [];
+const iframe = document.createElement("iframe");
+test(() => {
+  iframe.src = "data:text/html,"
+
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(iframe.contentWindow === null);
+`;
+
+  const df = document.createDocumentFragment();
+  df.appendChild(script);
+  df.appendChild(iframe);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(df);
+  assert_array_equals(happened, [false])
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-iframe.html b/dom/nodes/Node-appendChild-script-and-iframe.html
new file mode 100644
index 00000000000000..fa4f7da4a10f85
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-iframe.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting script and iframe from a div</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+const happened = [];
+const iframe = document.createElement("iframe");
+
+test(() => {
+  iframe.src = "data:text/html,"
+
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(iframe.contentWindow === null);
+`;
+
+  const div = document.createElement("div");
+  div.appendChild(script);
+  div.appendChild(iframe);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(div);
+  assert_array_equals(happened, [false])
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-source-from-fragment.html b/dom/nodes/Node-appendChild-script-and-source-from-fragment.html
new file mode 100644
index 00000000000000..1dc95f577d1408
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-source-from-fragment.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting script and source from a fragment</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<video id="media"></video>
+<script>
+const happened = [];
+const media = document.getElementById("media");
+test(() => {
+  const source = document.createElement("source");
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(media.networkState);
+`;
+
+  const df = document.createDocumentFragment();
+  df.appendChild(script);
+  df.appendChild(source);
+
+  assert_array_equals(happened, []);
+  media.appendChild(df);
+  assert_array_equals(happened, [HTMLMediaElement.NETWORK_NO_SOURCE]);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-style-from-fragment.html b/dom/nodes/Node-appendChild-script-and-style-from-fragment.html
new file mode 100644
index 00000000000000..9e2c0766f858d0
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-style-from-fragment.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting a script and a style from a fragment</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+const happened = []
+const style = document.createElement("style");
+let styleSheet = null;
+test(() => {
+  style.appendChild(new Text("body {}"));
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(style.sheet === null);
+    style.appendChild(new Text("body {}"));
+    happened.push(style.sheet.cssRules.length);
+    styleSheet = style.sheet;
+`;
+
+  const df = document.createDocumentFragment();
+  df.appendChild(script);
+  df.appendChild(style);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(df);
+  assert_array_equals(happened, [true, 2]);
+  assert_not_equals(style.sheet, styleSheet, "style sheet was created only once");
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-style.html b/dom/nodes/Node-appendChild-script-and-style.html
new file mode 100644
index 00000000000000..9b75159f473e20
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-style.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting a script and a style where the script modifies the style</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+const happened = [];
+const style = document.createElement("style");
+let styleSheet = null;
+test(() => {
+style.appendChild(new Text("body {}"));
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(style.sheet === null);
+    style.appendChild(new Text("body {}"));
+    happened.push(style.sheet.cssRules.length);
+    styleSheet = style.sheet;
+`;
+
+  const div = document.createElement("div");
+  div.appendChild(script);
+  div.appendChild(style);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(div);
+  assert_array_equals(happened, [true, 2]);
+  assert_not_equals(style.sheet, styleSheet, "style sheet was created only once");
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-stylesheet-link-from-fragment.html b/dom/nodes/Node-appendChild-script-and-stylesheet-link-from-fragment.html
new file mode 100644
index 00000000000000..c8f18dbb7fc621
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-stylesheet-link-from-fragment.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting script and stylesheet link from a fragment</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+const happened = [];
+const link = document.createElement("link");
+test(() => {
+  link.rel = "stylesheet";
+  link.href = "data:text/css,"
+
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(link.sheet === null);
+`;
+
+  const df = document.createDocumentFragment();
+  df.appendChild(script);
+  df.appendChild(link);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(df);
+  assert_array_equals(happened, [true]);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-and-stylesheet-link.html b/dom/nodes/Node-appendChild-script-and-stylesheet-link.html
new file mode 100644
index 00000000000000..f803f955484bf7
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-and-stylesheet-link.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting script and stylesheet link from a div</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+const happened = [];
+const link = document.createElement("link");
+test(() => {
+  link.rel = "stylesheet";
+  link.href = "data:text/css,"
+
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(link.sheet === null);
+`;
+
+  const div = document.createElement("div");
+  div.appendChild(script);
+  div.appendChild(link);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(div);
+  assert_array_equals(happened, [true]);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-script-in-script.html b/dom/nodes/Node-appendChild-script-in-script.html
new file mode 100644
index 00000000000000..3516b100894c69
--- /dev/null
+++ b/dom/nodes/Node-appendChild-script-in-script.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting a script and some code in an empty script</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script id="s1"></script>
+<script>
+const happened = [];
+test(() => {
+  const s1 = document.getElementById("s1");
+  const s2 = document.createElement("script");
+  s2.textContent = `
+    happened.push("s2");
+    s1.appendChild(new Text("happened.push('s1ran');"));
+    happened.push("s2ran");
+`;
+
+  const df = document.createDocumentFragment();
+  df.appendChild(new Text(`happened.push("s1");`));
+  df.appendChild(s2);
+
+  assert_array_equals(happened, []);
+  s1.appendChild(df);
+  assert_array_equals(happened, ["s2", "s2ran", "s1", "s1ran"]);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-text-and-script-in-style.html b/dom/nodes/Node-appendChild-text-and-script-in-style.html
new file mode 100644
index 00000000000000..5e734a0ae52ac8
--- /dev/null
+++ b/dom/nodes/Node-appendChild-text-and-script-in-style.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting text and script nodes in a style element</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<style id="style"></style>
+<script>
+const happened = []
+const style = document.getElementById("style");
+test(() => {
+  const r1 = new Text("body {}");
+  const r2 = new Text("body {}");
+  const script = document.createElement("script");
+  script.textContent = `
+    happened.push(style.sheet.cssRules.length);
+`;
+
+  const df = document.createDocumentFragment();
+  df.appendChild(r1);
+  df.appendChild(script);
+  df.appendChild(r2);
+
+  assert_array_equals(happened, []);
+  style.appendChild(df);
+  assert_array_equals(happened, [2]);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-text-in-script.html b/dom/nodes/Node-appendChild-text-in-script.html
new file mode 100644
index 00000000000000..746a5a58fd8461
--- /dev/null
+++ b/dom/nodes/Node-appendChild-text-in-script.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting two text nodes in an empty script</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script id="script"></script>
+<script>
+const happened = [];
+test(() => {
+  const script = document.getElementById("script");
+  const df = document.createDocumentFragment();
+  df.appendChild(new Text("happened.push('t1');"));
+  df.appendChild(new Text("happened.push('t2');"));
+  assert_array_equals(happened, []);
+  script.appendChild(df);
+  assert_array_equals(happened, ["t1", "t2"]);
+  // At this point it's already executed so further motifications are a no-op
+  script.appendChild(new Text("happened.push('t3');"));
+  script.textContent = "happened.push('t4');"
+  script.text = "happened.push('t5');"
+  assert_array_equals(happened, ["t1", "t2"]);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-three-scripts-from-fragment.html b/dom/nodes/Node-appendChild-three-scripts-from-fragment.html
new file mode 100644
index 00000000000000..76f7828ee8627e
--- /dev/null
+++ b/dom/nodes/Node-appendChild-three-scripts-from-fragment.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting three scripts from a document fragment</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+const s1 = document.createElement("script");
+const s2 = document.createElement("script");
+const s3 = document.createElement("script");
+const happened = [];
+
+test(() => {
+  s1.textContent = `
+    s3.appendChild(new Text("happened.push('s3');"));
+    happened.push("s1");
+`;
+  s2.textContent = `
+    happened.push("s2");
+`;
+  const df = document.createDocumentFragment();
+  df.appendChild(s1);
+  df.appendChild(s2);
+  df.appendChild(s3);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(df);
+  assert_array_equals(happened, ["s3", "s1", "s2"]);
+});
+</script>
diff --git a/dom/nodes/Node-appendChild-three-scripts.html b/dom/nodes/Node-appendChild-three-scripts.html
new file mode 100644
index 00000000000000..f50748ed68f97b
--- /dev/null
+++ b/dom/nodes/Node-appendChild-three-scripts.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Node.appendChild: inserting three scripts from a div</title>
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<div id="log"></div>
+<script>
+const s1 = document.createElement("script");
+const s2 = document.createElement("script");
+const s3 = document.createElement("script");
+const happened = [];
+
+test(() => {
+  s1.textContent = `
+    s3.appendChild(new Text("happened.push('s3');"));
+    happened.push("s1");
+`;
+  s2.textContent = `
+    happened.push("s2");
+`;
+  const div = document.createElement("div");
+  div.appendChild(s1);
+  div.appendChild(s2);
+  div.appendChild(s3);
+
+  assert_array_equals(happened, []);
+  document.body.appendChild(div);
+  assert_array_equals(happened, ["s3", "s1", "s2"]);
+});
+</script>
