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 id="child-with-text" style="display: none;">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 id="child-with-text" style="display: none;">Text</div>
  </div>
Success: child text is bound