OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src='../../../resources/testharness.js'></script> |
| 3 <script src='../../../resources/testharnessreport.js'></script> |
| 4 <script src='resources/shadow-dom.js'></script> |
| 5 <div id='host'> |
| 6 <template data-mode='open'> |
| 7 <div id='shadow-child1'></div> |
| 8 <slot name='slot1'></slot> |
| 9 <slot name='slot2'></slot> |
| 10 <div id='shadow-child2'></div> |
| 11 </template> |
| 12 <div id='child1' slot='slot1'></div> |
| 13 <div id='child2' slot='slot2'></div> |
| 14 </div> |
| 15 <script> |
| 16 convertTemplatesToShadowRootsWithin(host); |
| 17 removeWhiteSpaceOnlyTextNodes(host); |
| 18 document.body.offsetLeft; |
| 19 |
| 20 const slot1 = host.shadowRoot.querySelector('[name=slot1]'); |
| 21 const slot2 = host.shadowRoot.querySelector('[name=slot2]'); |
| 22 const shadowChild1 = host.shadowRoot.querySelector('#shadow-child1'); |
| 23 const shadowChild2 = host.shadowRoot.querySelector('#shadow-child2'); |
| 24 |
| 25 test(() => { |
| 26 assert_equals(internals.nextInComposedTree(child1), child2); |
| 27 assert_equals(internals.firstChildInComposedTree(host), shadowChild1); |
| 28 assert_equals(internals.nextSiblingInComposedTree(shadowChild1), child1); |
| 29 assert_equals(internals.nextSiblingInComposedTree(child1), child2); |
| 30 assert_equals(internals.nextSiblingInComposedTree(child2), shadowChild2); |
| 31 }, "composed tree traversal in v1"); |
| 32 </script> |
OLD | NEW |