OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="resources/shadow-dom.js"></script> | 4 <script src="resources/shadow-dom.js"></script> |
5 <style> | |
6 * /deep/ div { | |
7 margin: 10px 10px 10px 10px; | |
8 border: solid black; | |
9 } | |
10 </style> | |
11 </head> | 5 </head> |
12 <body> | 6 <body> |
13 <script> | 7 <script> |
14 function text(contents) { | 8 function text(contents) { |
15 return document.createTextNode(contents); | 9 return document.createTextNode(contents); |
16 } | 10 } |
17 | 11 |
18 // Test for a content element which is selected by another content element. | 12 // Test for a content element which is selected by another content element. |
19 document.body.appendChild( | 13 document.body.appendChild( |
20 createDOM('div', {}, | 14 createDOM('div', {}, |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
64 createDOM('content', {'select
': '#d-child-2'}), | 58 createDOM('content', {'select
': '#d-child-2'}), |
65 createDOM('div', {'id': 'd-4'
, 'class': 'foo'}, text('d-4'))), | 59 createDOM('div', {'id': 'd-4'
, 'class': 'foo'}, text('d-4'))), |
66 createDOM('div', {}, text('Should not b
e selected')), | 60 createDOM('div', {}, text('Should not b
e selected')), |
67 createDOM('div', {'class': 'foo'}, text
('d-5')))), | 61 createDOM('div', {'class': 'foo'}, text
('d-5')))), |
68 createDOM('div', {'id': 'd-child-1', 'class': 'foo'}, text('d-chil
d-1')), | 62 createDOM('div', {'id': 'd-child-1', 'class': 'foo'}, text('d-chil
d-1')), |
69 createDOM('div', {'class': 'foo'}, text('should-not-be-selected'))
, | 63 createDOM('div', {'class': 'foo'}, text('should-not-be-selected'))
, |
70 createDOM('div', {'id': 'd-child-2', 'class': 'foo'}, text('d-chil
d-2')))); | 64 createDOM('div', {'id': 'd-child-2', 'class': 'foo'}, text('d-chil
d-2')))); |
71 </script> | 65 </script> |
72 </body> | 66 </body> |
73 </html> | 67 </html> |
OLD | NEW |