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 |