| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <body> | 4 <body> |
| 5 <script src="resources/polyfill.js"></script> | |
| 6 | 5 |
| 7 <p>When a button element has a shadow dom having a shadow element, it should get
the children of the button element.</p> | 6 <p>When a button element has a shadow dom having a shadow element, it should get
the children of the button element.</p> |
| 8 | 7 |
| 9 <button id="host1">Kotori</button> | 8 <button id="host1">Kotori</button> |
| 10 <button id="host2">Kotori</button> | 9 <button id="host2">Kotori</button> |
| 11 | 10 |
| 12 <script> | 11 <script> |
| 13 var shadowRoot1 = host1.webkitCreateShadowRoot(); | 12 var shadowRoot1 = host1.webkitCreateShadowRoot(); |
| 14 shadowRoot1.innerHTML = "<shadow></shadow> Otonashi"; | 13 shadowRoot1.innerHTML = "<shadow></shadow> Otonashi"; |
| 15 | 14 |
| 16 var shadowRoot2 = host2.webkitCreateShadowRoot(); | 15 var shadowRoot2 = host2.webkitCreateShadowRoot(); |
| 17 shadowRoot2.innerHTML = "foo <shadow></shadow> bar"; | 16 shadowRoot2.innerHTML = "foo <shadow></shadow> bar"; |
| 18 var shadowRoot3 = host2.webkitCreateShadowRoot(); | 17 var shadowRoot3 = host2.webkitCreateShadowRoot(); |
| 19 shadowRoot3.innerHTML = "FOO <shadow></shadow> BAR"; | 18 shadowRoot3.innerHTML = "FOO <shadow></shadow> BAR"; |
| 20 </script> | 19 </script> |
| 21 | 20 |
| 22 </body> | 21 </body> |
| 23 </html> | 22 </html> |
| OLD | NEW |