| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <body> | 4 <body> |
| 5 | 5 |
| 6 <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> |
| 7 | 7 |
| 8 <button id="host1">Kotori</button> | 8 <button id="host1">Kotori</button> |
| 9 <button id="host2">Kotori</button> | 9 <button id="host2">Kotori</button> |
| 10 | 10 |
| 11 <script> | 11 <script> |
| 12 var shadowRoot1 = host1.createShadowRoot(); | 12 var shadowRoot1 = host1.createShadowRoot(); |
| 13 shadowRoot1.innerHTML = "<shadow><content></content></shadow> Otonashi"; | 13 shadowRoot1.innerHTML = "<shadow></shadow> Otonashi"; |
| 14 | 14 |
| 15 var shadowRoot2 = host2.createShadowRoot(); | 15 var shadowRoot2 = host2.createShadowRoot(); |
| 16 shadowRoot2.innerHTML = "foo <shadow><content></content></shadow> bar"; | 16 shadowRoot2.innerHTML = "foo <shadow></shadow> bar"; |
| 17 var shadowRoot3 = host2.createShadowRoot(); | 17 var shadowRoot3 = host2.createShadowRoot(); |
| 18 shadowRoot3.innerHTML = "FOO <shadow><content></content></shadow> BAR"; | 18 shadowRoot3.innerHTML = "FOO <shadow></shadow> BAR"; |
| 19 </script> | 19 </script> |
| 20 | 20 |
| 21 </body> | 21 </body> |
| 22 </html> | 22 </html> |
| OLD | NEW |