1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/webcomponents/fallback-content-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,25 @@
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 shadowDiv = document.createElement("div");
1.11 + shadowDiv.style.border = "10px solid green";
1.12 +
1.13 + // Insertion point will match nothing and use fallback content.
1.14 + var insertionPoint = document.createElement("content");
1.15 + shadowDiv.appendChild(insertionPoint);
1.16 +
1.17 + // Append three nodes as children to use as fallback content.
1.18 + insertionPoint.innerHTML = '<span style="background-color: orange">Hello</span> <span style="background-color: green">World</span>';
1.19 +
1.20 + var shadowRoot = document.getElementById('outer').createShadowRoot();
1.21 + shadowRoot.appendChild(shadowDiv);
1.22 + }
1.23 + </script>
1.24 +</head>
1.25 +<body onload="tweak()">
1.26 +<div id="outer"></div>
1.27 +</body>
1.28 +</html>
