DevTools: revert back ComputedStylesSidebar

LayoutTests/http/tests/inspector/elements-test.js

Index: LayoutTests/http/tests/inspector/elements-test.js
diff --git a/LayoutTests/http/tests/inspector/elements-test.js b/LayoutTests/http/tests/inspector/elements-test.js
index d5b643e5167db096cb76680660fb5e7a7736d169..0c2e61fbdf53c71d8072175a82f773ebd32e6e81 100644
--- a/LayoutTests/http/tests/inspector/elements-test.js
+++ b/LayoutTests/http/tests/inspector/elements-test.js
@@ -15,25 +15,35 @@ InspectorTest.computedStyleWidget = function()
 InspectorTest.dumpComputedStyle = function()
 {
     var computed = InspectorTest.computedStyleWidget();
-    var items = computed.element.querySelectorAll(".computed-style-property");
-    for (var i = 0; i < items.length; ++i) {
-        var item = items[i];
-        var property = item[WebInspector.ComputedStyleWidget._propertySymbol];
+    var treeOutline = computed._propertiesOutline;
+    var children = treeOutline.rootElement().children();
+    for (var treeElement of children) {
+        var property = treeElement[WebInspector.ComputedStyleWidget._propertySymbol];
         if (property.name === "width" || property.name === "height")
             continue;
-        InspectorTest.addResult(item.textContent);
+        InspectorTest.addResult(treeElement.title.textContent);
+        for (var trace of treeElement.children()) {
+            var dumpText = "";
+            if (trace.title.classList.contains("property-trace-inactive"))
+                dumpText += "OVERLOADED ";
+            dumpText += trace.title.textContent;
+            var link = trace.title.querySelector(".trace-link");
+            if (link)
+                dumpText += " " + extractText(link);
+            InspectorTest.addResult("    " + dumpText);
+        }
     }
 }
 
 InspectorTest.findComputedPropertyWithName = function(name)
 {
     var computed = InspectorTest.computedStyleWidget();
-    var items = computed.element.querySelectorAll(".computed-style-property");
-    for (var i = 0; i < items.length; ++i) {
-        var item = items[i];
-        var property = item[WebInspector.ComputedStyleWidget._propertySymbol];
+    var treeOutline = computed._propertiesOutline;
+    var children = treeOutline.rootElement().children();
+    for (var treeElement of children) {
+        var property = treeElement[WebInspector.ComputedStyleWidget._propertySymbol];
         if (property.name === name)
-            return item;
+            return treeElement.title;
     }
     return null;
 }