| Tests that elements panel updates dom tree structure upon node insertion. |
| |
| First text |
| |
| Running: testDumpInitial |
| ========= Original ======== |
| - <div id="container"> |
| <div id="child1"></div> |
| <div id="child2"></div> |
| <div id="child3"></div> |
| </div> |
| |
| Running: testInsertBefore |
| ===== Inserted before ===== |
| - <div id="container"> |
| <div id="child-before"></div> |
| <div id="child1"></div> |
| <div id="child2"></div> |
| <div id="child3"></div> |
| </div> |
| |
| Running: testInsertMiddle |
| ===== Inserted middle ===== |
| - <div id="container"> |
| <div id="child-before"></div> |
| <div id="child1"></div> |
| <div id="child-middle"></div> |
| <div id="child2"></div> |
| <div id="child3"></div> |
| </div> |
| |
| Running: testAppend |
| ======== Appended ========= |
| - <div id="container"> |
| <div id="child-before"></div> |
| <div id="child1"></div> |
| <div id="child-middle"></div> |
| <div id="child2"></div> |
| <div id="child3"></div> |
| <div id="child-after"></div> |
| </div> |
| |
| Running: testAppendWithText |
| ======== Appended with text========= |
| - <div id="container"> |
| <div id="child-before"></div> |
| <div id="child1"></div> |
| <div id="child-middle"></div> |
| <div id="child2"></div> |
| <div id="child3"></div> |
| <div id="child-after"></div> |
| <div style="display: none;" id="child-with-text">Text</div> |
| </div> |
| Success: child text is bound |
| |
| Running: testInsertFirstTextNode |
| ======== Inserted first text node ========= |
| - <div id="container"> |
| <div id="child-before"></div> |
| <div id="child1"></div> |
| <div id="child-middle"></div> |
| <div id="child2"></div> |
| - <div id="child3"> |
| "First text" |
| </div> |
| <div id="child-after"></div> |
| <div style="display: none;" id="child-with-text">Text</div> |
| </div> |
| Success: child text is bound |
| |