| 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 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 64 debug('Fallback elements should not be used if a content element selects an elem
ent.'); | 64 debug('Fallback elements should not be used if a content element selects an elem
ent.'); |
| 65 testFlatTree( | 65 testFlatTree( |
| 66 createDOM('div', {'id': 'a'}, | 66 createDOM('div', {'id': 'a'}, |
| 67 createShadowRoot(createDOM('div', {'id': 'b'}), | 67 createShadowRoot(createDOM('div', {'id': 'b'}), |
| 68 createDOM('content', {'select': '#c'}, | 68 createDOM('content', {'select': '#c'}, |
| 69 createDOM('div', {'id': 'f1'}, | 69 createDOM('div', {'id': 'f1'}, |
| 70 createDOM('div', {'id': 'f2'}
)))), | 70 createDOM('div', {'id': 'f2'}
)))), |
| 71 createDOM('div', {'id': 'c'}))); | 71 createDOM('div', {'id': 'c'}))); |
| 72 | 72 |
| 73 debug('Test for traversal, starting with a fallback element which is not used.')
; | 73 debug('Test for traversal, starting with a fallback element which is not used.')
; |
| 74 showFlatTree(getNodeInTreeOfTrees('a/f1')); | 74 showFlatTree(getNodeInComposedTree('a/f1')); |
| 75 showNextNode(getNodeInTreeOfTrees('a/f1')); | 75 showNextNode(getNodeInComposedTree('a/f1')); |
| 76 showNextNode(getNodeInTreeOfTrees('a/f2')); | 76 showNextNode(getNodeInComposedTree('a/f2')); |
| 77 debug(''); | 77 debug(''); |
| 78 | 78 |
| 79 debug('Test for Nested ShadowRoots.'); | 79 debug('Test for Nested ShadowRoots.'); |
| 80 testFlatTree( | 80 testFlatTree( |
| 81 createDOM('div', {'id': 'a'}, | 81 createDOM('div', {'id': 'a'}, |
| 82 createShadowRoot(createDOM('div', {'id': 'b'}, | 82 createShadowRoot(createDOM('div', {'id': 'b'}, |
| 83 createShadowRoot(createDOM('div', {'id'
: 'c'}), | 83 createShadowRoot(createDOM('div', {'id'
: 'c'}), |
| 84 createDOM('content'), | 84 createDOM('content'), |
| 85 createDOM('div', {'id'
: 'd'})), | 85 createDOM('div', {'id'
: 'd'})), |
| 86 createDOM('div', {'id': 'e'})), | 86 createDOM('div', {'id': 'e'})), |
| (...skipping 23 matching lines...) Expand all Loading... |
| 110 debug('Test for an orphaned shadow subtree.'); | 110 debug('Test for an orphaned shadow subtree.'); |
| 111 testFlatTree( | 111 testFlatTree( |
| 112 createDOM('div', {'id': 'a'}, | 112 createDOM('div', {'id': 'a'}, |
| 113 createShadowRoot( | 113 createShadowRoot( |
| 114 createDOM('div', {'id': 'b'}, | 114 createDOM('div', {'id': 'b'}, |
| 115 createDOM('div', {'id': 'c'}))), | 115 createDOM('div', {'id': 'c'}))), |
| 116 createShadowRoot( | 116 createShadowRoot( |
| 117 createDOM('div', {'id': 'd'})))); | 117 createDOM('div', {'id': 'd'})))); |
| 118 | 118 |
| 119 debug('Test for traversal, starting with a node in an orphaned shadow subtree.')
; | 119 debug('Test for traversal, starting with a node in an orphaned shadow subtree.')
; |
| 120 showFlatTree(getNodeInTreeOfTrees('a/b')); | 120 showFlatTree(getNodeInComposedTree('a/b')); |
| 121 | 121 |
| 122 debug('Test for a content element which does not select any nodes nor have fallb
ack elements.'); | 122 debug('Test for a content element which does not select any nodes nor have fallb
ack elements.'); |
| 123 testFlatTree( | 123 testFlatTree( |
| 124 createDOM('div', {'id': 'a'}, | 124 createDOM('div', {'id': 'a'}, |
| 125 createShadowRoot(createDOM('content', {'select': '#none'}), | 125 createShadowRoot(createDOM('content', {'select': '#none'}), |
| 126 createDOM('div', {'id': 'b'}), | 126 createDOM('div', {'id': 'b'}), |
| 127 createDOM('content', {'select': '#none'}), | 127 createDOM('content', {'select': '#none'}), |
| 128 createDOM('div', {'id': 'c'}), | 128 createDOM('div', {'id': 'c'}), |
| 129 createDOM('content', {'select': '#none'})))); | 129 createDOM('content', {'select': '#none'})))); |
| 130 | 130 |
| (...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 218 createDOM('div', {'id': 'a'}, | 218 createDOM('div', {'id': 'a'}, |
| 219 createShadowRoot(), | 219 createShadowRoot(), |
| 220 createShadowRoot( | 220 createShadowRoot( |
| 221 createDOM('div', {'id': 'b'}), | 221 createDOM('div', {'id': 'b'}), |
| 222 createDOM('shadow', {'id': 'shadow'}, | 222 createDOM('shadow', {'id': 'shadow'}, |
| 223 createDOM('div', {'id': 'should-not-be-used'})), | 223 createDOM('div', {'id': 'should-not-be-used'})), |
| 224 createDOM('div', {'id': 'c'})))); | 224 createDOM('div', {'id': 'c'})))); |
| 225 </script> | 225 </script> |
| 226 </body> | 226 </body> |
| 227 </html> | 227 </html> |
| OLD | NEW |