DevTools: allow shallow array values in console.table

third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 112 matching lines @@
     var badgeElement = this._buildMessageBadge();
     if (badgeElement)
       formattedMessage.appendChild(badgeElement);
 
     var table = this._message.parameters && this._message.parameters.length ? this._message.parameters[0] : null;
     if (table)
       table = this._parameterToRemoteObject(table);
     if (!table || !table.preview)
       return formattedMessage;
 
+    var rawValueColumnSymbol = Symbol('rawValueColumn');
     var columnNames = [];
     var preview = table.preview;
     var rows = [];
     for (var i = 0; i < preview.properties.length; ++i) {
       var rowProperty = preview.properties[i];
-      var rowPreview = rowProperty.valuePreview;
-      if (!rowPreview)
+      var rowSubProperties;
+      if (rowProperty.valuePreview)
+        rowSubProperties = rowProperty.valuePreview.properties;
+      else if (rowProperty.value)
+        rowSubProperties = [{name: rawValueColumnSymbol, type: rowProperty.type, value: rowProperty.value}];
+      else
         continue;
 
       var rowValue = {};
       const maxColumnsToRender = 20;
-      for (var j = 0; j < rowPreview.properties.length; ++j) {
-        var cellProperty = rowPreview.properties[j];
+      for (var j = 0; j < rowSubProperties.length; ++j) {
+        var cellProperty = rowSubProperties[j];
         var columnRendered = columnNames.indexOf(cellProperty.name) !== -1;
         if (!columnRendered) {
           if (columnNames.length === maxColumnsToRender)
             continue;
           columnRendered = true;
           columnNames.push(cellProperty.name);
         }
 
         if (columnRendered) {
           var cellElement = this._renderPropertyPreviewOrAccessor(table, [rowProperty, cellProperty]);
           cellElement.classList.add('console-message-nowrap-below');
           rowValue[cellProperty.name] = cellElement;
         }
       }
       rows.push([rowProperty.name, rowValue]);
     }
 
     var flatValues = [];
     for (var i = 0; i < rows.length; ++i) {
       var rowName = rows[i][0];
       var rowValue = rows[i][1];
       flatValues.push(rowName);
       for (var j = 0; j < columnNames.length; ++j)
         flatValues.push(rowValue[columnNames[j]]);
     }
     columnNames.unshift(Common.UIString('(index)'));
+    var columnDisplayNames = columnNames.map(name => name === rawValueColumnSymbol ? Common.UIString('Value') : name);
 
     if (flatValues.length) {
-      this._dataGrid = DataGrid.SortableDataGrid.create(columnNames, flatValues);
+      this._dataGrid = DataGrid.SortableDataGrid.create(columnDisplayNames, flatValues);
       this._dataGrid.setStriped(true);
 
       var formattedResult = createElementWithClass('span', 'console-message-text');
       var tableElement = formattedResult.createChild('div', 'console-message-formatted-table');
       var dataGridContainer = tableElement.createChild('span');
       tableElement.appendChild(this._formatParameter(table, true, false));
       dataGridContainer.appendChild(this._dataGrid.element);
       formattedMessage.appendChild(formattedResult);
       this._dataGrid.renderInline();
     }
@@ skipping 1093 matching lines @@
     }
     return this._element;
   }
 };
 
 /**
  * @const
  * @type {number}
  */
 Console.ConsoleViewMessage.MaxLengthForLinks = 40;