[DevTools] Show distribution for Shadow DOM V1.

third_party/WebKit/LayoutTests/inspector/elements/shadow/create-shadow-root-expected.txt

Index: third_party/WebKit/LayoutTests/inspector/elements/shadow/create-shadow-root-expected.txt
diff --git a/third_party/WebKit/LayoutTests/inspector/elements/shadow/create-shadow-root-expected.txt b/third_party/WebKit/LayoutTests/inspector/elements/shadow/create-shadow-root-expected.txt
index 4ece6754fc41aa0670c3d99ae38713d97d2e73c8..6c1562e58ec6af2fbd38c527343f188288ec25b8 100644
--- a/third_party/WebKit/LayoutTests/inspector/elements/shadow/create-shadow-root-expected.txt
+++ b/third_party/WebKit/LayoutTests/inspector/elements/shadow/create-shadow-root-expected.txt
@@ -2,14 +2,12 @@ CONSOLE WARNING: line 10: Calling Element.createShadowRoot() for an element whic
 Tests that elements panel updates dom tree structure upon shadow root creation.
 
 
-Running: testDumpInitial
-========= Original ========
+Running: testCreateShadowRoot
+==== before ====
 - <div id="container">
       <div id="child"></div>
   </div>
-
-Running: testCreateShadowRoot
-===== After createShadowRoot =====
+==== after ====
 - <div id="container">
     - #shadow-root (open)
           <div id="shadow-1"></div>
@@ -17,7 +15,13 @@ Running: testCreateShadowRoot
   </div>
 
 Running: testCreateSecondShadowRoot
-===== After second createShadowRoot =====
+==== before ====
+- <div id="container">
+    - #shadow-root (open)
+          <div id="shadow-1"></div>
+      <div id="child"></div>
+  </div>
+==== after ====
 - <div id="container">
     - #shadow-root (open)
           <div id="shadow-2"></div>
@@ -26,3 +30,27 @@ Running: testCreateSecondShadowRoot
       <div id="child"></div>
   </div>
 
+Running: testCreateOpenShadowRoot
+==== before ====
+- <div id="containerOpen">
+      <div id="childOpen"></div>
+  </div>
+==== after ====
+- <div id="containerOpen">
+    - #shadow-root (open)
+          <div id="shadow-3"></div>
+      <div id="childOpen"></div>
+  </div>
+
+Running: testCreateCloseShadowRoot
+==== before ====
+- <div id="containerClosed">
+      <div id="childClosed"></div>
+  </div>
+==== after ====
+- <div id="containerClosed">
+    - #shadow-root (closed)
+          <div id="shadow-4"></div>
+      <div id="childClosed"></div>
+  </div>
+