1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/webcomponents/nested-insertion-point-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,30 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<head>
1.7 + <script>
1.8 + function tweak() {
1.9 + // div with style "border: 10px solid green"
1.10 + var outerShadow = document.createElement("div");
1.11 + outerShadow.style.border = "10px solid green";
1.12 +
1.13 + var outerInsertionPoint = document.createElement("content");
1.14 + outerShadow.appendChild(outerInsertionPoint);
1.15 +
1.16 + // div with style "border: 10px solid orange"
1.17 + var innerShadow = document.createElement("div");
1.18 + innerShadow.style.border = "10px solid orange";
1.19 +
1.20 + var innerInsertionPoint = document.createElement("content");
1.21 + innerShadow.appendChild(innerInsertionPoint);
1.22 +
1.23 + outerShadow.createShadowRoot().appendChild(innerShadow);
1.24 +
1.25 + var shadowRoot = document.getElementById('outer').createShadowRoot();
1.26 + shadowRoot.appendChild(outerShadow);
1.27 + }
1.28 + </script>
1.29 +</head>
1.30 +<body onload="tweak()">
1.31 +<div id="outer">Hello</div>
1.32 +</body>
1.33 +</html>
