| Tests that distributed nodes and their updates are correctly shown in different shadow host display modes. |
| |
| oldest distributed text |
| ========= Original ======== |
| - <div id="shadowHost"> |
| <div class="distributeMeToYoungest original">\n youngest distributed text\n </div> |
| <div class="distributeMeToOldest original">\n oldest distributed text\n </div> |
| <div class="distributeMeToInner original">\n oldest distributed text\n </div> |
| <div class="distributeMeToInner original2">\n oldest distributed text\n </div> |
| </div> |
| ========= After shadow root created ======== |
| - <div id="shadowHost"> |
| - #shadow-root (open) |
| - <div class="oldestShadowMain"> |
| - <content select=".distributeMeToOldest"> |
| <div id="fallbackOldest"></div> |
| ↪ <div> |
| </content> |
| </div> |
| <div class="distributeMeToYoungest original">\n youngest distributed text\n </div> |
| <div class="distributeMeToOldest original">\n oldest distributed text\n </div> |
| <div class="distributeMeToInner original">\n oldest distributed text\n </div> |
| <div class="distributeMeToInner original2">\n oldest distributed text\n </div> |
| </div> |
| ========= After adding distributed node ======== |
| - <div id="shadowHost"> |
| - #shadow-root (open) |
| - <div class="oldestShadowMain"> |
| - <content select=".distributeMeToOldest"> |
| <div id="fallbackOldest"></div> |
| ↪ <div> |
| ↪ <div> |
| </content> |
| </div> |
| <div class="distributeMeToYoungest original">\n youngest distributed text\n </div> |
| <div class="distributeMeToOldest original">\n oldest distributed text\n </div> |
| <div class="distributeMeToInner original">\n oldest distributed text\n </div> |
| <div class="distributeMeToInner original2">\n oldest distributed text\n </div> |
| <div class="distributeMeToOldest distributeMeAsWell_1"></div> |
| </div> |
| ========= After adding another distributed node ======== |
| - <div id="shadowHost"> |
| - #shadow-root (open) |
| - <div class="oldestShadowMain"> |
| - <content select=".distributeMeToOldest"> |
| <div id="fallbackOldest"></div> |
| ↪ <div> |
| ↪ <div> |
| ↪ <div> |
| </content> |
| </div> |
| <div class="distributeMeToYoungest original">\n youngest distributed text\n </div> |
| <div class="distributeMeToOldest original">\n oldest distributed text\n </div> |
| <div class="distributeMeToInner original">\n oldest distributed text\n </div> |
| <div class="distributeMeToInner original2">\n oldest distributed text\n </div> |
| <div class="distributeMeToOldest distributeMeAsWell_1"></div> |
| <div class="distributeMeToOldest distributeMeAsWell_2"></div> |
| </div> |
| |