| 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 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 45 createDOM('div', {'id': 'e'})), | 45 createDOM('div', {'id': 'e'})), |
| 46 createShadowRoot(createDOM('div', {'id': 'f'}), | 46 createShadowRoot(createDOM('div', {'id': 'f'}), |
| 47 createDOM('shadow', {'id': 'g'}), | 47 createDOM('shadow', {'id': 'g'}), |
| 48 createDOM('div', {'id': 'h'})))); | 48 createDOM('div', {'id': 'h'})))); |
| 49 | 49 |
| 50 debug('shadow reprojection'); | 50 debug('shadow reprojection'); |
| 51 testComposedShadowTree( | 51 testComposedShadowTree( |
| 52 createDOM('div', {'id': 'a'}, | 52 createDOM('div', {'id': 'a'}, |
| 53 createDOM('div', {'id': 'a-child'}), | 53 createDOM('div', {'id': 'a-child'}), |
| 54 createShadowRoot(createDOM('div', {'id': 'b'}, | 54 createShadowRoot(createDOM('div', {'id': 'b'}, |
| 55 createDOM('shadow', {'id': 'c'}, | 55 createDOM('shadow', {'id': 'c'}), |
| 56 createDOM('content', {})), | |
| 57 createShadowRoot(createDOM('div', {'id'
: 'd'}), | 56 createShadowRoot(createDOM('div', {'id'
: 'd'}), |
| 58 createDOM('content', {
'id': 'e'}), | 57 createDOM('content', {
'id': 'e'}), |
| 59 createDOM('div', {'id'
: 'f'})))))); | 58 createDOM('div', {'id'
: 'f'})))))); |
| 60 | 59 |
| 61 debug('shadow reprojection, take 2'); | 60 debug('shadow reprojection, take 2'); |
| 62 testComposedShadowTree( | 61 testComposedShadowTree( |
| 63 createDOM('div', {'id': 'a'}, | 62 createDOM('div', {'id': 'a'}, |
| 64 createDOM('div', {'id': 'b'}), | 63 createDOM('div', {'id': 'b'}), |
| 65 createShadowRoot(createDOM('shadow', {'id': 'c'}, | 64 createShadowRoot(createDOM('shadow', {'id': 'c'})), |
| 66 createDOM('content', {}))), | |
| 67 createShadowRoot(createDOM('div', {'id': 'd'}, | 65 createShadowRoot(createDOM('div', {'id': 'd'}, |
| 68 createDOM('shadow', {'id': 'e'}, | 66 createDOM('shadow', {'id': 'e'}), |
| 69 createDOM('content', {})), | |
| 70 createShadowRoot(createDOM('div', {'id'
: 'f'}), | 67 createShadowRoot(createDOM('div', {'id'
: 'f'}), |
| 71 createDOM('content', {
'id': 'g'}), | 68 createDOM('content', {
'id': 'g'}), |
| 72 createDOM('div', {'id'
: 'h'})))))); | 69 createDOM('div', {'id'
: 'h'})))))); |
| 73 | 70 |
| 74 debug('Ignore shadow fallback elements'); | 71 debug('Ignore shadow fallback elements'); |
| 75 testComposedShadowTree( | 72 testComposedShadowTree( |
| 76 createDOM('div', {'id': 'a'}, | 73 createDOM('div', {'id': 'a'}, |
| 77 createDOM('div', {'id': 'b'}), | 74 createDOM('div', {'id': 'b'}), |
| 78 createShadowRoot(createDOM('div', {'id': 'c'}), | 75 createShadowRoot(createDOM('div', {'id': 'c'}), |
| 79 createDOM('shadow', {'id': 'd'}, | 76 createDOM('shadow', {'id': 'd'}, |
| 80 createDOM('div', {'id': 'e'})), | 77 createDOM('div', {'id': 'e'})), |
| 81 createDOM('shadow', {'id': 'f'}, | 78 createDOM('shadow', {'id': 'f'}, |
| 82 createDOM('div', {'id': 'g'})), | 79 createDOM('div', {'id': 'g'})), |
| 83 createDOM('div', {'id': 'h'})), | 80 createDOM('div', {'id': 'h'})), |
| 84 createShadowRoot(createDOM('div', {'id': 'i'}, | 81 createShadowRoot(createDOM('div', {'id': 'i'}, |
| 85 createDOM('shadow', {'id': 'j'}, | 82 createDOM('shadow', {'id': 'j'}), |
| 86 createDOM('content', {})), | |
| 87 createShadowRoot(createDOM('div', {'id'
: 'k'}), | 83 createShadowRoot(createDOM('div', {'id'
: 'k'}), |
| 88 createDOM('content', {
'id': 'l'}), | 84 createDOM('content', {
'id': 'l'}), |
| 89 createDOM('div', {'id'
: 'm'})))))); | 85 createDOM('div', {'id'
: 'm'})))))); |
| 90 | 86 |
| 91 debug('with inactive insertion points') | 87 debug('with inactive insertion points') |
| 92 testComposedShadowTree( | 88 testComposedShadowTree( |
| 93 createDOM('div', {'id': 'a'}, | 89 createDOM('div', {'id': 'a'}, |
| 94 createDOM('content', {'id': 'b'}, | 90 createDOM('content', {'id': 'b'}, |
| 95 createDOM('div', {'id': 'c'})), | 91 createDOM('div', {'id': 'c'})), |
| 96 createDOM('shadow', {'id': 'd'}, | 92 createDOM('shadow', {'id': 'd'}, |
| 97 createDOM('div', {'id': 'e'})), | 93 createDOM('div', {'id': 'e'})), |
| 98 createShadowRoot(createDOM('div', {'id': 'f'}), | 94 createShadowRoot(createDOM('div', {'id': 'f'}), |
| 99 createDOM('content', {'id': 'g'}, | 95 createDOM('content', {'id': 'g'}, |
| 100 createDOM('content', {'id': 'h'}), | 96 createDOM('content', {'id': 'h'}), |
| 101 createDOM('shadow', {'id': 'i'}), | 97 createDOM('shadow', {'id': 'i'}), |
| 102 createDOM('div', {'id': 'j'})), | 98 createDOM('div', {'id': 'j'})), |
| 103 createDOM('content', {'id': 'k'}, | 99 createDOM('content', {'id': 'k'}, |
| 104 createDOM('content', {'id': 'l'}), | 100 createDOM('content', {'id': 'l'}), |
| 105 createDOM('shadow', {'id': 'm'}), | 101 createDOM('shadow', {'id': 'm'}), |
| 106 createDOM('div', {'id': 'n'})), | 102 createDOM('div', {'id': 'n'})), |
| 107 createDOM('shadow', {'id': 'o'}, | 103 createDOM('shadow', {'id': 'o'}, |
| 108 createDOM('content', {'id': 'p'}), | 104 createDOM('content', {'id': 'p'}), |
| 109 createDOM('shadow', {'id': 'q'}), | 105 createDOM('shadow', {'id': 'q'}), |
| 110 createDOM('div', {'id': 'r'}))), | 106 createDOM('div', {'id': 'r'}))), |
| 111 createShadowRoot(createDOM('div', {'id': 's'}, | 107 createShadowRoot(createDOM('div', {'id': 's'}, |
| 112 createDOM('shadow', {'id': 't'}, | 108 createDOM('shadow', {'id': 't'}), |
| 113 createDOM('content', {})), | |
| 114 createShadowRoot(createDOM('div', {'id'
: 'u'}), | 109 createShadowRoot(createDOM('div', {'id'
: 'u'}), |
| 115 createDOM('content', {
'id': 'v'}), | 110 createDOM('content', {
'id': 'v'}), |
| 116 createDOM('div', {'id'
: 'w'})))))); | 111 createDOM('div', {'id'
: 'w'})))))); |
| 117 | 112 |
| 118 | 113 |
| 119 </script> | 114 </script> |
| 120 </body> | 115 </body> |
| 121 </html> | 116 </html> |
| OLD | NEW |