layout/reftests/dom/multipleinsertionpoints-appendmultiple-shadow.xhtml

   1 <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait">
   2 <head>
   3 <script>
   4 customElements.define("custom-element", class extends HTMLElement {
   5   constructor() {
   6     super();
   7     const template = document.getElementById("template");
   8     const shadowRoot = this.attachShadow({mode: "open"})
   9       .appendChild(template.content.cloneNode(true));
  10   }
  11 });
  12
  13 function boom()
  14 {
  15   document.body.offsetHeight;
  16
  17   var parent = document.getElementById("parent");
  18
  19   var newelt = document.createElement("span");
  20   newelt.setAttribute("slot", "foo");
  21   newelt.appendChild(document.createTextNode(2));
  22   parent.appendChild(newelt);
  23
  24   newelt = document.createElement("div");
  25   newelt.appendChild(document.createTextNode(5));
  26   parent.appendChild(newelt);
  27
  28   document.body.offsetHeight;
  29   document.documentElement.className = "";
  30 }
  31 </script>
  32
  33 </head>
  34 <body onload="boom();">
  35 <template id="template">
  36   <div>
  37     <slot name="foo"/>
  38   </div>
  39   <div>
  40     <slot/>
  41   </div>
  42 </template>
  43 <custom-element id="parent" style="display: block;">
  44   <div>3</div><span slot="foo">1</span><div>4</div>
  45 </custom-element>
  46 </body>
  47 </html>