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

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

 // Copyright 2016 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.
 /**
  * @unrestricted
  */
 WebInspector.AXNodeSubPane = class extends WebInspector.AccessibilitySubPane {
   constructor() {
     super(WebInspector.UIString('Computed Properties'));
 
@@ skipping 199 matching lines @@
     var element = WebInspector.AXNodePropertyTreeElement.createSimpleValueElement(value.type, String(value.value));
     this.listItemElement.appendChild(element);
     return element;
   }
 
   /**
    * @param {!Protocol.Accessibility.AXRelatedNode} relatedNode
    * @param {number} index
    */
   appendRelatedNode(relatedNode, index) {
-    var deferredNode = new WebInspector.DeferredDOMNode(this._axNode.target(), relatedNode.backendNodeId);
+    var deferredNode = new WebInspector.DeferredDOMNode(this._axNode.target(), relatedNode.backendDOMNodeId);
     var nodeTreeElement = new WebInspector.AXRelatedNodeSourceTreeElement({deferredNode: deferredNode}, relatedNode);
     this.appendChild(nodeTreeElement);
   }
 
   /**
    * @param {!Protocol.Accessibility.AXRelatedNode} relatedNode
    */
   appendRelatedNodeInline(relatedNode) {
-    var deferredNode = new WebInspector.DeferredDOMNode(this._axNode.target(), relatedNode.backendNodeId);
+    var deferredNode = new WebInspector.DeferredDOMNode(this._axNode.target(), relatedNode.backendDOMNodeId);
     var linkedNode = new WebInspector.AXRelatedNodeElement({deferredNode: deferredNode}, relatedNode);
     this.listItemElement.appendChild(linkedNode.render());
   }
 
   /**
    * @param {!Protocol.Accessibility.AXValue} value
    */
   appendRelatedNodeListValueElement(value) {
     if (value.relatedNodes.length === 1 && !value.value) {
       this.appendRelatedNodeInline(value.relatedNodes[0]);
@@ skipping 90 matching lines @@
   onattach() {
     this._update();
   }
 
   /**
    * @param {!Protocol.Accessibility.AXRelatedNode} relatedNode
    * @param {number} index
    * @param {string} idref
    */
   appendRelatedNodeWithIdref(relatedNode, index, idref) {
-    var deferredNode = new WebInspector.DeferredDOMNode(this._axNode.target(), relatedNode.backendNodeId);
+    var deferredNode = new WebInspector.DeferredDOMNode(this._axNode.target(), relatedNode.backendDOMNodeId);
     var nodeTreeElement =
         new WebInspector.AXRelatedNodeSourceTreeElement({deferredNode: deferredNode, idref: idref}, relatedNode);
     this.appendChild(nodeTreeElement);
   }
 
   /**
    * @param {!Protocol.Accessibility.AXValue} value
    */
   appendIDRefValueElement(value) {
     var relatedNodes = value.relatedNodes;
@@ skipping 301 matching lines @@
 
     this._reasonElement =
         WebInspector.AXNodeIgnoredReasonTreeElement.createReasonElement(this._property.name, this._axNode);
     this.listItemElement.appendChild(this._reasonElement);
 
     var value = this._property.value;
     if (value.type === Protocol.Accessibility.AXValueType.Idref)
       this.appendRelatedNodeListValueElement(value);
   }
 };