Show related nodes as expandable sub-tree unless there is only one and no attribute value

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.
 
 /**
  * @constructor
  * @extends {WebInspector.AccessibilitySubPane}
  */
 WebInspector.AXNodeSubPane = function()
 {
@@ skipping 203 matching lines @@
     /**
      * @param {!AccessibilityAgent.AXValue} value
      * @return {?Element}
      */
     appendValueElement: function(value)
     {
         var AXValueType = AccessibilityAgent.AXValueType;
         if (value.type === AXValueType.Idref || value.type === AXValueType.Node ||
             value.type === AXValueType.IdrefList || value.type === AXValueType.NodeList) {
             this.appendRelatedNodeListValueElement(value);
-            return null;
+            if (!value.value)
+                return null;
         } else if (value.sources) {
             var sources = value.sources;
             for (var i = 0; i < sources.length; i++) {
                 var source = sources[i];
                 var child = new WebInspector.AXValueSourceTreeElement(source, this._target);
                 this.appendChild(child);
             }
             this.expand();
         }
         var element = WebInspector.AXNodePropertyTreeElement.createSimpleValueElement(value.type, String(value.value));
         this.listItemElement.appendChild(element);
         return element;
     },
 
     /**
      * @param {!AccessibilityAgent.AXRelatedNode} relatedNode
      * @param {number} index
      */
     appendRelatedNode: function(relatedNode, index)
     {
-        if (index > 0)
-            this.listItemElement.createTextChild(",\u00a0");
+        var deferredNode = new WebInspector.DeferredDOMNode(this._target, relatedNode.backendNodeId);
+        var nodeTreeElement = new WebInspector.AXRelatedNodeSourceTreeElement({ deferredNode: deferredNode }, relatedNode);
+        this.appendChild(nodeTreeElement);
+    },
 
+    /**
+     * @param {!AccessibilityAgent.AXRelatedNode} relatedNode
+     */
+    appendRelatedNodeInline: function(relatedNode)
+    {
         var deferredNode = new WebInspector.DeferredDOMNode(this._target, relatedNode.backendNodeId);
         var linkedNode = new WebInspector.AXRelatedNodeElement({ deferredNode: deferredNode }, relatedNode);
         this.listItemElement.appendChild(linkedNode.render());
     },
 
     /**
      * @param {!AccessibilityAgent.AXValue} value
      */
     appendRelatedNodeListValueElement: function(value)
     {
+        if (value.relatedNodes.length === 1 && !value.value) {
+            this.appendRelatedNodeInline(value.relatedNodes[0]);
+            return;
+        }
+
         value.relatedNodes.forEach(this.appendRelatedNode, this);
+        if (value.relatedNodes.length <= 3)
+            this.expand();
+        else
+            this.collapse();
     },
 
     __proto__: TreeElement.prototype
 };
 
 /**
  * @constructor
  * @extends {WebInspector.AXNodePropertyTreeElement}
  * @param {!AccessibilityAgent.AXProperty} property
  * @param {!WebInspector.Target} target
@@ skipping 51 matching lines @@
      * @override
      */
     onattach: function()
     {
         this._update();
     },
 
     /**
      * @param {!AccessibilityAgent.AXRelatedNode} relatedNode
      * @param {number} index
-     * @override
-     */
-    appendRelatedNode: function(relatedNode, index)
-    {
-        var deferredNode = new WebInspector.DeferredDOMNode(this._target, relatedNode.backendNodeId);
-        var nodeTreeElement = new WebInspector.AXRelatedNodeSourceTreeElement({ deferredNode: deferredNode }, relatedNode);
-        this.appendChild(nodeTreeElement);
-    },
-
-    /**
-     * @param {!AccessibilityAgent.AXRelatedNode} relatedNode
-     * @param {number} index
      * @param {string} idref
      */
     appendRelatedNodeWithIdref: function(relatedNode, index, idref)
     {
         var deferredNode = new WebInspector.DeferredDOMNode(this._target, relatedNode.backendNodeId);
         var nodeTreeElement = new WebInspector.AXRelatedNodeSourceTreeElement({ deferredNode: deferredNode, idref: idref }, relatedNode);
         this.appendChild(nodeTreeElement);
     },
 
     /**
@@ skipping 319 matching lines @@
         reasonElement = WebInspector.formatLocalized("Static text node is used as name for\u00a0", []);
         break;
     case "uninteresting":
         reasonElement = WebInspector.formatLocalized("Element not interesting for accessibility.", []);
         break;
     }
     if (reasonElement)
         reasonElement.classList.add("ax-reason");
     return reasonElement;
 };