| 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 | 
|---|