DevTools: fix front-end compilation problems after #399131

third_party/WebKit/Source/devtools/front_end/timeline/TimelineTreeView.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.VBox}
  * @param {!WebInspector.TimelineModel} model
  * @param {!Array<!WebInspector.TimelineModel.Filter>} filters
  */
@@ skipping 595 matching lines @@
      * @return {boolean}
      */
     _showDetailsForNode: function(node)
     {
         var stack = this._buildHeaviestStack(node);
         this._stackView.setStack(stack, node);
         this._stackView.show(this._detailsView.element);
         return true;
     },
 
+    /**
+     * @return {!WebInspector.TimelineAggregator}
+     */
+    _createAggregator: function()
+    {
+         return new WebInspector.TimelineAggregator(
+             event => WebInspector.TimelineUIUtils.eventStyle(event).title,
+             event => WebInspector.TimelineUIUtils.eventStyle(event).category.name
+         );
+    },
+
     __proto__: WebInspector.TimelineTreeView.prototype,
 };
 
 /**
  * @constructor
  * @extends {WebInspector.AggregatedTimelineTreeView}
  * @param {!WebInspector.TimelineModel} model
  * @param {!Array<!WebInspector.TimelineModel.Filter>} filters
  */
 WebInspector.CallTreeTimelineTreeView = function(model, filters)
 {
     WebInspector.AggregatedTimelineTreeView.call(this, model, filters);
     this._dataGrid.markColumnAsSortedBy("total", WebInspector.DataGrid.Order.Descending);
 }
 
 WebInspector.CallTreeTimelineTreeView.prototype = {
     /**
      * @override
      * @return {!WebInspector.TimelineProfileTree.Node}
      */
     _buildTree: function()
     {
         var topDown = this._buildTopDownTree(WebInspector.TimelineAggregator.eventId);
-        var aggregator = new WebInspector.TimelineAggregator(event => WebInspector.TimelineUIUtils.eventStyle(event));
-        return aggregator.performGrouping(topDown, this._groupBySetting.get());
+        return this._createAggregator().performGrouping(topDown, this._groupBySetting.get());
     },
 
     __proto__: WebInspector.AggregatedTimelineTreeView.prototype,
 };
 
 /**
  * @constructor
  * @extends {WebInspector.AggregatedTimelineTreeView}
  * @param {!WebInspector.TimelineModel} model
  * @param {!Array<!WebInspector.TimelineModel.Filter>} filters
  */
 WebInspector.BottomUpTimelineTreeView = function(model, filters)
 {
     WebInspector.AggregatedTimelineTreeView.call(this, model, filters);
     this._dataGrid.markColumnAsSortedBy("self", WebInspector.DataGrid.Order.Descending);
 }
 
 WebInspector.BottomUpTimelineTreeView.prototype = {
     /**
      * @override
      * @return {!WebInspector.TimelineProfileTree.Node}
      */
     _buildTree: function()
     {
         var topDown = this._buildTopDownTree(WebInspector.TimelineAggregator.eventId);
-        var aggregator = new WebInspector.TimelineAggregator(event => WebInspector.TimelineUIUtils.eventStyle(event));
-        return WebInspector.TimelineProfileTree.buildBottomUp(topDown, aggregator.groupFunction(this._groupBySetting.get()));
+        return WebInspector.TimelineProfileTree.buildBottomUp(topDown, this._createAggregator().groupFunction(this._groupBySetting.get()));
     },
 
     __proto__: WebInspector.AggregatedTimelineTreeView.prototype
 };
 
 /**
  * @constructor
  * @extends {WebInspector.TimelineTreeView}
  * @param {!WebInspector.TimelineModel} model
  * @param {!Array<!WebInspector.TimelineModel.Filter>} filters
@@ skipping 190 matching lines @@
         return selectedNode && /** @type {!WebInspector.TimelineTreeView.GridNode} */ (selectedNode)._profileNode;
     },
 
     _onSelectionChanged: function()
     {
         this.dispatchEventToListeners(WebInspector.TimelineStackView.Events.SelectionChanged);
     },
 
     __proto__: WebInspector.VBox.prototype
 }