1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/webcomponents/nested-shadow-element-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,29 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<head>
1.7 + <script>
1.8 + function tweak() {
1.9 + var olderShadow = document.getElementById('outer').createShadowRoot();
1.10 + olderShadow.innerHTML = '<content></content><span>World</span>';
1.11 +
1.12 + var youngerShadow = document.getElementById('outer').createShadowRoot();
1.13 + youngerShadow.innerHTML = '<div id="shadowparent"><shadow id="youngshadow"><span>Hello</span></shadow></div>';
1.14 +
1.15 + var shadowParent = youngerShadow.getElementById("shadowparent");
1.16 + var nestedShadow = shadowParent.createShadowRoot();
1.17 + nestedShadow.innerHTML = '<div style="background-color: green"><content></content></div>';
1.18 +
1.19 + // Dynamically append a span to the shadow element in the younger ShadowRoot to make sure
1.20 + // it is projected into the nested shadow.
1.21 + var appendedSpan = document.createElement("span");
1.22 + appendedSpan.textContent = ' ';
1.23 + youngerShadow.getElementById("youngshadow").appendChild(appendedSpan);
1.24 + }
1.25 + </script>
1.26 +</head>
1.27 +<body onload="tweak()">
1.28 +<div id="outer">
1.29 + <div style="width:300px; height:100px; background-color:red;"></div>
1.30 +</div>
1.31 +</body>
1.32 +</html>
