summaryrefslogtreecommitdiffstats
path: root/layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml')
-rw-r--r--layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml47
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>