Tests that elements panel updates dom tree structure upon node insertion.


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