DevTools: introduce View: a named widget with the toolbar.

third_party/WebKit/Source/devtools/front_end/audits/AuditResultView.js

Index: third_party/WebKit/Source/devtools/front_end/audits/AuditResultView.js
diff --git a/third_party/WebKit/Source/devtools/front_end/audits/AuditResultView.js b/third_party/WebKit/Source/devtools/front_end/audits/AuditResultView.js
index 0c5f890dc4d3246bfc7a2c3ad06688d0ba2e6717..aedc51f86109d559db392fe740b7c34ce5f6bda0 100644
--- a/third_party/WebKit/Source/devtools/front_end/audits/AuditResultView.js
+++ b/third_party/WebKit/Source/devtools/front_end/audits/AuditResultView.js
@@ -53,12 +53,12 @@ WebInspector.AuditResultView.prototype = {
 
 /**
  * @constructor
- * @extends {WebInspector.SidebarPane}
+ * @extends {WebInspector.View}
  * @param {!WebInspector.AuditCategoryResult} categoryResult
  */
 WebInspector.AuditCategoryResultPane = function(categoryResult)
 {
-    WebInspector.SidebarPane.call(this, categoryResult.title);
+    WebInspector.View.call(this, categoryResult.title);
     this._treeOutline = new TreeOutlineInShadow();
     this._treeOutline.registerRequiredCSS("audits/auditResultTree.css");
     this._treeOutline.element.classList.add("audit-result-tree");
@@ -80,7 +80,7 @@ WebInspector.AuditCategoryResultPane = function(categoryResult)
         var treeElement = this._appendResult(this._treeOutline.rootElement(), ruleResult, ruleResult.severity);
         treeElement.listItemElement.classList.add("audit-result");
     }
-    this.expandPane();
+    this.requestReveal();
 }
 
 WebInspector.AuditCategoryResultPane.prototype = {
@@ -128,5 +128,5 @@ WebInspector.AuditCategoryResultPane.prototype = {
         return treeElement;
     },
 
-    __proto__: WebInspector.SidebarPane.prototype
+    __proto__: WebInspector.View.prototype
 }