layout/reftests/webcomponents/nested-insertion-point-1.html

branch
TOR_BUG_9701
changeset 14
925c144e1f1f
equal deleted inserted replaced
-1:000000000000 0:4cc575848476
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <script>
5 function tweak() {
6 // div with style "border: 10px solid green"
7 var outerShadow = document.createElement("div");
8 outerShadow.style.border = "10px solid green";
9
10 var outerInsertionPoint = document.createElement("content");
11 outerShadow.appendChild(outerInsertionPoint);
12
13 // div with style "border: 10px solid orange"
14 var innerShadow = document.createElement("div");
15 innerShadow.style.border = "10px solid orange";
16
17 var innerInsertionPoint = document.createElement("content");
18 innerShadow.appendChild(innerInsertionPoint);
19
20 outerShadow.createShadowRoot().appendChild(innerShadow);
21
22 var shadowRoot = document.getElementById('outer').createShadowRoot();
23 shadowRoot.appendChild(outerShadow);
24 }
25 </script>
26 </head>
27 <body onload="tweak()">
28 <div id="outer">Hello</div>
29 </body>
30 </html>

mercurial