DevTools: Base aggregated tree view percentage on the busy time.

third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineProfileTree.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.
 
 TimelineModel.TimelineProfileTree = {};
 
 /**
  * @unrestricted
  */
 TimelineModel.TimelineProfileTree.Node = class {
@@ skipping 232 matching lines @@
    */
   children() {
     return this._children || this._grouppedTopNodes();
   }
 
   /**
    * @return {!Map<string, !TimelineModel.TimelineProfileTree.Node>}
    */
   _grouppedTopNodes() {
     var flatNodes = super.children();
+    this.selfTime -= Array.from(flatNodes.values()).reduce((acc, node) => acc + node.totalTime, 0);

[pfeldman, 2017/04/21 20:10:09]

Are you implementing this?

for (var node of flatNodes.values())
  this.selfTime -= node.totalTime;

[alph, 2017/04/21 20:19:59]

Done.

     if (!this._eventGroupIdCallback)
       return flatNodes;
     var groupNodes = new Map();
     for (var node of flatNodes.values()) {
       var groupId = this._eventGroupIdCallback(/** @type {!SDK.TracingModel.Event} */ (node.event));
       var groupNode = groupNodes.get(groupId);
       if (!groupNode) {
         groupNode = new TimelineModel.TimelineProfileTree.GroupNode(
             groupId, this, /** @type {!SDK.TracingModel.Event} */ (node.event));
         groupNodes.set(groupId, groupNode);
@@ skipping 309 matching lines @@
   if (event.name !== TimelineModel.TimelineModel.RecordType.JSFrame)
     return event.name;
   const frame = event.args['data'];
   const location = frame['scriptId'] || frame['url'] || '';
   const functionName = frame['functionName'];
   const name = TimelineModel.TimelineJSProfileProcessor.isNativeRuntimeFrame(frame) ?
       TimelineModel.TimelineJSProfileProcessor.nativeGroup(functionName) || functionName :
       functionName;
   return `f:${name}@${location}`;
 };