DevTools: traverse widget hierarchy to reveal views.

third_party/WebKit/Source/devtools/front_end/accessibility/AccessibilitySidebarView.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.ThrottledView}
  */
 WebInspector.AccessibilitySidebarView = function()
 {
     WebInspector.ThrottledView.call(this, WebInspector.UIString("Accessibility"));
     this._axNodeSubPane = null;
     this._node = null;
-    this._sidebarPaneStack = null;
+    this._sidebarPaneStack = new WebInspector.View.ExpandableStackContainer();
+    this._axNodeSubPane = new WebInspector.AXNodeSubPane();
+    this._sidebarPaneStack.appendView(this._axNodeSubPane, true);
+    this._sidebarPaneStack.show(this.element);
     WebInspector.context.addFlavorChangeListener(WebInspector.DOMNode, this._pullNode, this);
     this._pullNode();
 }
 
 WebInspector.AccessibilitySidebarView.prototype = {
     /**
      * @return {?WebInspector.DOMNode}
      */
     node: function()
     {
@@ skipping 21 matching lines @@
             .then(accessibilityNodeCallback.bind(this))
     },
 
     /**
      * @override
      */
     wasShown: function()
     {
         WebInspector.ThrottledView.prototype.wasShown.call(this);
 
-        if (!this._sidebarPaneStack) {
-            this._axNodeSubPane = new WebInspector.AXNodeSubPane();
-            this._axNodeSubPane.setNode(this.node());
-            this._axNodeSubPane.show(this.element);
-
-            this._sidebarPaneStack = new WebInspector.SidebarPaneStack();
-            this._sidebarPaneStack.element.classList.add("flex-auto");
-            this._sidebarPaneStack.show(this.element);
-            this._sidebarPaneStack.addPane(this._axNodeSubPane);
-        }
+        this._axNodeSubPane.setNode(this.node());
 
         WebInspector.targetManager.addModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.AttrModified, this._onAttrChange, this);
         WebInspector.targetManager.addModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.AttrRemoved, this._onAttrChange, this);
         WebInspector.targetManager.addModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.CharacterDataModified, this._onNodeChange, this);
         WebInspector.targetManager.addModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.ChildNodeCountUpdated, this._onNodeChange, this);
     },
 
     /**
      * @override
      */
     willHide: function()
     {
         WebInspector.targetManager.removeModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.AttrModified, this._onAttrChange, this);
         WebInspector.targetManager.removeModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.AttrRemoved, this._onAttrChange, this);
         WebInspector.targetManager.removeModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.CharacterDataModified, this._onNodeChange, this);
         WebInspector.targetManager.removeModelListener(WebInspector.DOMModel, WebInspector.DOMModel.Events.ChildNodeCountUpdated, this._onNodeChange, this);
     },
 
     _pullNode: function()
     {
         this._node = WebInspector.context.flavor(WebInspector.DOMNode);
-        if (this._axNodeSubPane)
-            this._axNodeSubPane.setNode(this._node);
+        this._axNodeSubPane.setNode(this._node);
         this.update();
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _onAttrChange: function(event)
     {
         if (!this.node())
             return;
@@ skipping 58 matching lines @@
         this._node = node;
     },
 
     /**
      * @param {string} textContent
      * @param {string=} className
      * @return {!Element}
      */
     createInfo: function(textContent, className)
     {
-        var classNameOrDefault = className || "info";
+        var classNameOrDefault = className || "gray-info-message";
         var info = this.element.createChild("div", classNameOrDefault);
         info.textContent = textContent;
         return info;
     },
 
     /**
      * @return {!TreeOutline}
      */
     createTreeOutline: function()
     {
         var treeOutline = new TreeOutlineInShadow();
         treeOutline.registerRequiredCSS("accessibility/accessibilityNode.css");
         treeOutline.registerRequiredCSS("components/objectValue.css");
 
         treeOutline.element.classList.add("hidden");
         this.element.appendChild(treeOutline.element);
         return treeOutline;
     },
 
     __proto__: WebInspector.View.prototype
 }