DevTools: fix aggegated pie chart for JSFrame events on Timeline

JSFrame events are added in TimelineFlameChart and their selfTime is never calculated. These events are never added into the model as they are used only to draw the flame chart. When such event is selected we calculate its selfTime on the fly as duration - sum of children times.

BUG=424507

Review URL: https://codereview.chromium.org/645673004

git-svn-id: svn://svn.chromium.org/blink/trunk@183893 bbb929c8-8fbe-4397-9dbb-9b2b20218538

third_party/WebKit/Source/devtools/front_end/timeline/TracingTimelineUIUtils.js

@@ -531,8 +531,19 @@ WebInspector.TracingTimelineUIUtils._buildTraceEventDetailsSynchronously = funct
     var fragment = createDocumentFragment();
     var stats = {};
     var hasChildren = WebInspector.TracingTimelineUIUtils._aggregatedStatsForTraceEvent(stats, model, event);
+
+    var selfTime = event.selfTime;
+    var selfCategory = WebInspector.TracingTimelineUIUtils.eventStyle(event).category;
+    // JSFrame events have 0 selfTime so we need to work around this below and add the event's time to scripting category.
+    if (event.name === WebInspector.TracingTimelineModel.RecordType.JSFrame && !event.selfTime && event.duration) {
+        selfTime = event.duration;
+        for (var categoryName in stats)
+            selfTime -= stats[categoryName];
+        stats[selfCategory.name] = selfTime + (stats[selfCategory.name] || 0);
+    }
+
     var pieChart = hasChildren ?
-        WebInspector.TimelineUIUtils.generatePieChart(stats, WebInspector.TracingTimelineUIUtils.eventStyle(event).category, event.selfTime) :
+        WebInspector.TimelineUIUtils.generatePieChart(stats, selfCategory, selfTime) :
         WebInspector.TimelineUIUtils.generatePieChart(stats);
     fragment.appendChild(pieChart);