1 files changed, 47 insertions, 0 deletions
diff --git a/layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml b/layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml
new file mode 100644
index 0000000000..046d7e5f56
--- /dev/null
+++ b/layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml
@@ -0,0 +1,47 @@
+<html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
+<head>
+<script>
+customElements.define("custom-element", class extends HTMLElement {
+  constructor() {
+    super();
+    const template = document.getElementById("template");
+    const shadowRoot = this.attachShadow({mode: "open"})
+      .appendChild(template.content.cloneNode(true));
+  }
+});
+
+function boom()
+{
+  document.body.offsetHeight;
+
+  var parent = document.getElementById("parent");
+
+  var newelt = document.createElement("span");
+  newelt.setAttribute("slot", "foo");
+  newelt.appendChild(document.createTextNode(2));
+  parent.appendChild(newelt);
+
+  newelt = document.createElement("div");
+  newelt.appendChild(document.createTextNode(5));
+  parent.appendChild(newelt);
+
+  document.body.offsetHeight;
+  document.documentElement.className = "";
+}
+</script>
+
+</head>
+<body onload="boom();">
+<template id="template">
+  <div>
+    <slot name="foo"/>
+  </div>
+  <div>
+    <slot/>
+  </div>
+</template>
+<custom-element id="parent" style="display: block;">
+  <div>3</div><span slot="foo">1</span><div>4</div>
+</custom-element>
+</body>
+</html>