OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 <script src="resources/shadow-dom.js"></script> | 5 <script src="resources/shadow-dom.js"></script> |
6 </head> | 6 </head> |
7 <body> | 7 <body> |
8 <div id='console'></div> | 8 <div id='console'></div> |
9 <div id='sandbox'></div> | 9 <div id='sandbox'></div> |
10 <script> | 10 <script> |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
55 | 55 |
56 prepareTree( | 56 prepareTree( |
57 createDOM('div', {'id': 'host'}, | 57 createDOM('div', {'id': 'host'}, |
58 createShadowRoot( | 58 createShadowRoot( |
59 createDOM('shadow', {'id': 'shadow'}, | 59 createDOM('shadow', {'id': 'shadow'}, |
60 createDOM('div'))), | 60 createDOM('div'))), |
61 createDOM('div', {'id': 'host-child'}))); | 61 createDOM('div', {'id': 'host-child'}))); |
62 assertDistributedNodes('host/shadow', ['host-child']); | 62 assertDistributedNodes('host/shadow', ['host-child']); |
63 | 63 |
64 prepareTree( | 64 prepareTree( |
65 createDOM('details', {'id': 'details'}, | |
66 createShadowRoot( | |
67 createDOM('shadow', {'id': 'shadow'})), | |
68 createDOM('div', {'id': 'details-child'}))); | |
69 // A <detail> element has one UA shadow root. | |
70 assertDistributedNodes('details//shadow', []); | |
71 debug("Since shadow insertion points don't work for DETAILS elements, this cause
s a warning message."); | |
72 | |
73 prepareTree( | |
74 createDOM('div', {'id': 'host'}, | 65 createDOM('div', {'id': 'host'}, |
75 createShadowRoot( | 66 createShadowRoot( |
76 createDOM('div', {'id': 'older-child'})), | 67 createDOM('div', {'id': 'older-child'})), |
77 createShadowRoot( | 68 createShadowRoot( |
78 createDOM('shadow', {'id': 'shadow'})))); | 69 createDOM('shadow', {'id': 'shadow'})))); |
79 assertDistributedNodes('host//shadow', ['host/older-child']); | 70 assertDistributedNodes('host//shadow', ['host/older-child']); |
80 | 71 |
81 prepareTree( | 72 prepareTree( |
82 createDOM('div', {'id': 'host'}, | 73 createDOM('div', {'id': 'host'}, |
83 createShadowRoot( | 74 createShadowRoot( |
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
133 createDOM('div', {'id': 'older-child-2'})), | 124 createDOM('div', {'id': 'older-child-2'})), |
134 createShadowRoot( | 125 createShadowRoot( |
135 createDOM('shadow', {'id': 'shadow'})), | 126 createDOM('shadow', {'id': 'shadow'})), |
136 createDOM('div', {'id': 'host-child'}))); | 127 createDOM('div', {'id': 'host-child'}))); |
137 assertDistributedNodes('host//older-shadow', ['host/oldest-child-1', 'host-child
', 'host/oldest-child-2']); | 128 assertDistributedNodes('host//older-shadow', ['host/oldest-child-1', 'host-child
', 'host/oldest-child-2']); |
138 assertDistributedNodes('host///shadow', ['host//older-child-1', 'host/oldest-chi
ld-1', 'host-child', 'host/oldest-child-2', 'host//older-child-2']); | 129 assertDistributedNodes('host///shadow', ['host//older-child-1', 'host/oldest-chi
ld-1', 'host-child', 'host/oldest-child-2', 'host//older-child-2']); |
139 | 130 |
140 </script> | 131 </script> |
141 </body> | 132 </body> |
142 </html> | 133 </html> |
OLD | NEW |