DevTools: allow array previews to show static array getters

third_party/WebKit/Source/devtools/front_end/components/RemoteObjectPreviewFormatter.js

 // Copyright (c) 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.
 /**
  * @unrestricted
  */
 Components.RemoteObjectPreviewFormatter = class {
   /**
    * @param {!Element} parentElement
    * @param {!Protocol.Runtime.ObjectPreview} preview
@@ skipping 29 matching lines @@
    * @param {!Element} parentElement
    * @param {!Protocol.Runtime.ObjectPreview} preview
    */
   _appendPropertiesPreview(parentElement, preview) {
     var isArray = preview.subtype === 'array' || preview.subtype === 'typedarray';
     var arrayLength = SDK.RemoteObject.arrayLength(preview);
     var properties = preview.properties;
     if (isArray)
       properties = properties.slice().stableSort(compareIndexesFirst);
     else
-      properties = properties.slice().stableSort(compareFunctionsLast);
+      properties = properties.filter(p => p.type !== 'accessor').stableSort(compareFunctionsLast);
 
     /**
      * @param {!Protocol.Runtime.PropertyPreview} a
      * @param {!Protocol.Runtime.PropertyPreview} b
      */
     function compareFunctionsLast(a, b) {
       if (a.type !== 'function' && b.type === 'function')
         return -1;
       if (a.type === 'function' && b.type !== 'function')
         return 1;
@@ skipping 79 matching lines @@
   /**
    * @param {string} type
    * @param {string=} subtype
    * @param {string=} description
    * @return {!Element}
    */
   renderPropertyPreview(type, subtype, description) {
     var span = createElementWithClass('span', 'object-value-' + (subtype || type));
     description = description || '';
 
+    if (type === 'accessor') {
+      span.textContent = '(...)';

[dgozman, 2016/11/24 00:38:49]

Let's make this clickable when we can.

[dgozman, 2016/12/05 23:16:51]

Let's just have a tooltip with explanation.

[luoe, 2016/12/06 01:30:44]

Added as "The property is computed with a getter"

+      return span;
+    }
+
     if (type === 'function') {
       span.textContent = 'function';
       return span;
     }
 
     if (type === 'object' && subtype === 'node' && description) {
       Components.DOMPresentationUtils.createSpansForNodeTitle(span, description);
       return span;
     }
 
     if (type === 'string') {
       span.createTextChildren('"', description.replace(/\n/g, '\u21B5'), '"');
       return span;
     }
 
     if (type === 'object' && !subtype) {
       span.textContent = this._abbreviateFullQualifiedClassName(description);
       return span;
     }
 
     span.textContent = description;
     return span;
   }
 };