| 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 content element cannot select elements assigned to a s
hadow element.</p> | 5 <p>This test ensures that content element cannot select elements assigned to a s
hadow element.</p> |
| 7 | 6 |
| 8 <div id="host1"> | 7 <div id="host1"> |
| 9 <div class="A">A</div> | 8 <div class="A">A</div> |
| 10 <div class="A">A</div> | 9 <div class="A">A</div> |
| 11 <div class="B">B</div> | 10 <div class="B">B</div> |
| 12 <div class="B">B</div> | 11 <div class="B">B</div> |
| 13 </div> | 12 </div> |
| 14 | 13 |
| 15 <script> | 14 <script> |
| 16 var shadowRoot1 = host1.webkitCreateShadowRoot(); | 15 var shadowRoot1 = host1.webkitCreateShadowRoot(); |
| 17 shadowRoot1.innerHTML = '<div id="host2"><content select=".A"></content><shadow>
</shadow><div class="A">A</div></div>'; | 16 shadowRoot1.innerHTML = '<div id="host2"><content select=".A"></content><shadow>
</shadow><div class="A">A</div></div>'; |
| 18 | 17 |
| 19 var shadowRoot2 = shadowRoot1.getElementById('host2').webkitCreateShadowRoot(); | 18 var shadowRoot2 = shadowRoot1.getElementById('host2').webkitCreateShadowRoot(); |
| 20 shadowRoot2.innerHTML = '<div><h2>A</h2><content select=".A"></content><h2>B</h2
><shadow></shadow></div>' | 19 shadowRoot2.innerHTML = '<div><h2>A</h2><content select=".A"></content><h2>B</h2
><shadow></shadow></div>' |
| 21 </script> | 20 </script> |
| 22 | 21 |
| 23 </html> | 22 </html> |
| OLD | NEW |