[DevTools] Accessibility: Show siblings and children of selected node

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.ThrottledWidget}
  */
 WebInspector.AccessibilitySidebarView = function()
 {
     WebInspector.ThrottledWidget.call(this);
     this._node = null;
+    this._axNode = null;
     this._sidebarPaneStack = WebInspector.viewManager.createStackLocation();
     this._treeSubPane = new WebInspector.AXTreePane();
     this._sidebarPaneStack.showView(this._treeSubPane);
     this._ariaSubPane = new WebInspector.ARIAAttributesPane();
     this._sidebarPaneStack.showView(this._ariaSubPane);
     this._axNodeSubPane = new WebInspector.AXNodeSubPane();
     this._sidebarPaneStack.showView(this._axNodeSubPane);
     this._sidebarPaneStack.widget().show(this.element);
     WebInspector.context.addFlavorChangeListener(WebInspector.DOMNode, this._pullNode, this);
     this._pullNode();
 }
 
 WebInspector.AccessibilitySidebarView.prototype = {
     /**
      * @return {?WebInspector.DOMNode}
      */
     node: function()
     {
         return this._node;
     },
 
     /**
-     * @param {?Array<!AccessibilityAgent.AXNode>} nodes
+     * @param {?WebInspector.AccessibilityNode} axNode
      */
-    accessibilityNodeCallback: function(nodes)
+    accessibilityNodeCallback: function(axNode)
     {
-        if (!nodes)
+        if (!axNode)
             return;
 
-        var currentAXNode = nodes[0];
-        if (currentAXNode.ignored)
+        this._axNode = axNode;
+
+        if (axNode.ignored())
             this._sidebarPaneStack.removeView(this._ariaSubPane);
         else
             this._sidebarPaneStack.showView(this._ariaSubPane, this._axNodeSubPane);
 
         if (this._axNodeSubPane)
-            this._axNodeSubPane.setAXNode(currentAXNode);
+            this._axNodeSubPane.setAXNode(axNode);
         if (this._treeSubPane)
-            this._treeSubPane.setAXNodeAndAncestors(nodes);
+            this._treeSubPane.setAXNode(axNode);
     },
 
     /**
      * @override
      * @protected
      * @return {!Promise.<?>}
      */
     doUpdate: function()
     {
         var node = this.node();
         this._treeSubPane.setNode(node);
         this._axNodeSubPane.setNode(node);
         this._ariaSubPane.setNode(node);
-        return WebInspector.AccessibilityModel.fromTarget(node.target()).getAXNodeChain(node.id)
-            .then((nodes) => { this.accessibilityNodeCallback(nodes); });
+        if (!node)
+            return Promise.resolve();
+        var accessibilityModel = WebInspector.AccessibilityModel.fromTarget(node.target());
+        return accessibilityModel.setDOMNode(node)
+            .then(accessibilityModel.resolveAllDOMNodes.bind(accessibilityModel))
+            .then(accessibilityModel.getInspectedAXNode.bind(accessibilityModel))
+            .then((axNode) => { this.accessibilityNodeCallback(axNode); });
     },
 
     /**
      * @override
      */
     wasShown: function()
     {
         WebInspector.ThrottledWidget.prototype.wasShown.call(this);
 
         this._treeSubPane.setNode(this.node());
@@ skipping 15 matching lines @@
         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);
         this._ariaSubPane.setNode(this._node);
         this._axNodeSubPane.setNode(this._node);
+        this._treeSubPane.setNode(this._node);
         this.update();
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _onAttrChange: function(event)
     {
         if (!this.node())
             return;
@@ skipping 28 matching lines @@
 WebInspector.AccessibilitySubPane = function(name)
 {
     WebInspector.SimpleView.call(this, name);
 
     this._axNode = null;
     this.registerRequiredCSS("accessibility/accessibilityNode.css");
 }
 
 WebInspector.AccessibilitySubPane.prototype = {
     /**
-     * @param {?AccessibilityAgent.AXNode} axNode
+     * @param {?WebInspector.AccessibilityNode} axNode
      * @protected
      */
     setAXNode: function(axNode)
     {
     },
 
     /**
      * @return {?WebInspector.DOMNode}
      */
     node: function()
@@ skipping 31 matching lines @@
         treeOutline.registerRequiredCSS("accessibility/accessibilityNode.css");
         treeOutline.registerRequiredCSS("components/objectValue.css");
 
         treeOutline.element.classList.add("hidden");
         this.element.appendChild(treeOutline.element);
         return treeOutline;
     },
 
     __proto__: WebInspector.SimpleView.prototype
 }