DevTools: Show FMP markers on timeline experiment

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

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 1620 matching lines @@
       new Timeline.TimelineUIUtils.EventDispatchTypeDescriptor(3, purple, ['keydown', 'keyup', 'keypress'])
     ];
     return Timeline.TimelineUIUtils._eventDispatchDesciptors;
   }
 
   /**
    * @param {!SDK.TracingModel.Event} event
    * @return {!Timeline.TimelineMarkerStyle}
    */
   static markerStyleForEvent(event) {
-    var red = 'rgb(255, 0, 0)';
-    var blue = 'rgb(0, 0, 255)';
-    var orange = 'rgb(255, 178, 23)';
-    var green = 'rgb(0, 130, 0)';
-    var tallMarkerDashStyle = [10, 5];
-
-    var title = Timeline.TimelineUIUtils.eventTitle(event);
+    const red = 'rgb(255, 0, 0)';
+    const blue = 'rgb(0, 0, 255)';
+    const orange = 'rgb(255, 178, 23)';
+    const green = 'rgb(0, 130, 0)';
+    const purple = '#a2f';
+    const tallMarkerDashStyle = [10, 5];
+    const title = Timeline.TimelineUIUtils.eventTitle(event);
 
     if (event.hasCategory(TimelineModel.TimelineModel.Category.Console) ||
         event.hasCategory(TimelineModel.TimelineModel.Category.UserTiming)) {
       return {
         title: title,
         dashStyle: tallMarkerDashStyle,
         lineWidth: 0.5,
         color: orange,
         tall: false,
         lowPriority: false,
@@ skipping 11 matching lines @@
         color = red;
         tall = true;
         break;
       case recordTypes.MarkFirstPaint:
         color = green;
         tall = true;
         break;
       case recordTypes.TimeStamp:
         color = orange;
         break;
+      case recordTypes.FMPCandidate:
+        color = purple;
+        break;
     }
     return {
       title: title,
       dashStyle: tallMarkerDashStyle,
       lineWidth: 0.5,
       color: color,
       tall: tall,
       lowPriority: false,
     };
   }
@@ skipping 552 matching lines @@
   /**
    * @param {!SDK.TracingModel.Event} event
    * @param {string=} warningType
    */
   appendWarningRow(event, warningType) {
     var warning = Timeline.TimelineUIUtils.eventWarning(event, warningType);
     if (warning)
       this.appendElementRow(Common.UIString('Warning'), warning, true);
   }
 };