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

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

 /*
  * Copyright (C) 2009 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 35 matching lines @@
     for (var i = 0; i < categoryResults.length; ++i)
         this.addPane(new WebInspector.AuditCategoryResultPane(categoryResults[i]));
 }
 
 WebInspector.AuditResultView.prototype = {
     __proto__: WebInspector.SidebarPaneStack.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");
     this.element.appendChild(this._treeOutline.element);
     this._treeOutline.expandTreeElementsWhenArrowing = true;
 
     function ruleSorter(a, b)
     {
         var result = WebInspector.AuditRule.SeverityOrder[a.severity || 0] - WebInspector.AuditRule.SeverityOrder[b.severity || 0];
         if (!result)
             result = (a.value || "").localeCompare(b.value || "");
         return result;
     }
 
     categoryResult.ruleResults.sort(ruleSorter);
 
     for (var i = 0; i < categoryResult.ruleResults.length; ++i) {
         var ruleResult = categoryResult.ruleResults[i];
         var treeElement = this._appendResult(this._treeOutline.rootElement(), ruleResult, ruleResult.severity);
         treeElement.listItemElement.classList.add("audit-result");
     }
-    this.expandPane();
+    this.requestReveal();
 }
 
 WebInspector.AuditCategoryResultPane.prototype = {
     /**
      * @param {!TreeElement} parentTreeNode
      * @param {!WebInspector.AuditRuleResult} result
      * @param {?WebInspector.AuditRule.Severity=} severity
      */
     _appendResult: function(parentTreeNode, result, severity)
     {
@@ skipping 27 matching lines @@
                 this._appendResult(treeElement, result.children[i]);
         }
         if (result.expanded) {
             treeElement.listItemElement.classList.remove("parent");
             treeElement.listItemElement.classList.add("parent-expanded");
             treeElement.expand();
         }
         return treeElement;
     },
 
-    __proto__: WebInspector.SidebarPane.prototype
+    __proto__: WebInspector.View.prototype
 }