DevTools: Make sure ElementsTreeOutline is correctly rendered when element's hasChildren state chan…

LayoutTests/inspector/elements/styles/pseudo-elements.html

Index: LayoutTests/inspector/elements/styles/pseudo-elements.html
diff --git a/LayoutTests/inspector/elements/styles/pseudo-elements.html b/LayoutTests/inspector/elements/styles/pseudo-elements.html
index 3d9753705800f427c457d6797635ef85925164d3..f7e861ae3b2c3d5c66dd2737e8556fcc8fc6c92c 100644
--- a/LayoutTests/inspector/elements/styles/pseudo-elements.html
+++ b/LayoutTests/inspector/elements/styles/pseudo-elements.html
@@ -153,7 +153,7 @@ function test()
 
         function addAfter(next)
         {
-            executeAndDumpTree("addAfterRule()", WebInspector.DOMModel.Events.NodeInserted, next);
+            executeAndDumpTree("addAfterRule()", WebInspector.DOMModel.Events.NodeInserted, expandAndDumpTree.bind(this, next));
         },
 
         function addBefore(next)
@@ -205,6 +205,17 @@ function test()
         }
     }
 
+    function expandAndDumpTree(next)
+    {
+          InspectorTest.addResult("== Expanding: ==");
+          InspectorTest.expandElementsTree(callback);
+          function callback()
+          {
+              InspectorTest.dumpElementsTree(containerNode);
+              next();
+          }
+    }
+
     function selectNodeAndDumpStyles(id, pseudoTypeName, callback)
     {
         if (pseudoTypeName)