OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 | 3 |
4 <script src="resources/polyfill.js"></script> | |
5 | 4 |
6 <p>This test ensures that elements distributed to a content element can be taken
from a shadow element</p> | 5 <p>This test ensures that elements distributed to a content element can be taken
from a shadow element</p> |
7 | 6 |
8 <div id="host1"> | 7 <div id="host1"> |
9 <div>These elements</div> | 8 <div>These elements</div> |
10 <div>should be</div> | 9 <div>should be</div> |
11 <div>reprojected</div> | 10 <div>reprojected</div> |
12 </div> | 11 </div> |
13 | 12 |
14 <script> | 13 <script> |
15 var shadowRoot1 = host1.webkitCreateShadowRoot(); | 14 var shadowRoot1 = host1.webkitCreateShadowRoot(); |
16 shadowRoot1.innerHTML = '<div id="host2"><content></content></div>'; | 15 shadowRoot1.innerHTML = '<div id="host2"><content></content></div>'; |
17 | 16 |
18 var shadowRoot2 = shadowRoot1.getElementById('host2').webkitCreateShadowRoot(); | 17 var shadowRoot2 = shadowRoot1.getElementById('host2').webkitCreateShadowRoot(); |
19 shadowRoot2.innerHTML = '<div><shadow></shadow><div>A</div></div>' | 18 shadowRoot2.innerHTML = '<div><shadow></shadow><div>A</div></div>' |
20 </script> | 19 </script> |
21 | 20 |
22 </html> | 21 </html> |
OLD | NEW |