Timeline: visually distinguish idle frames

LayoutTests/http/tests/inspector/timeline-test.js

 var initialize_Timeline = function() {
 
 InspectorTest.preloadPanel("timeline");
 WebInspector.TempFile = InspectorTest.TempFileMock;
 
 // Scrub values when printing out these properties in the record or data field.
 InspectorTest.timelinePropertyFormatters = {
     children: "formatAsTypeName",
     endTime: "formatAsTypeName",
     requestId: "formatAsTypeName",
@@ skipping 314 matching lines @@
 {
     this._delegate = delegate;
     this._callback = callback;
     this._input = input;
     this._loadedSize = 0;
     this._fileSize = input.length;
 };
 
 InspectorTest.dumpFrame = function(frame)
 {
-    var fieldsToDump = ["cpuTime", "duration", "startTime", "endTime", "id", "mainThreadFrameId", "timeByCategory", "other", "scripting", "painting", "rendering", "committedFrom"];
+    var fieldsToDump = ["cpuTime", "duration", "startTime", "endTime", "id", "mainThreadFrameId", "timeByCategory", "other", "scripting", "painting", "rendering", "committedFrom", "idle"];
     function formatFields(object)
     {
         var result = {};
         for (var key in object) {
             if (fieldsToDump.indexOf(key) < 0)
                 continue;
             var value = object[key];
             if (typeof value === "number")
                 value = Number(value.toFixed(7));
             else if (typeof value === "object" && value)
@@ skipping 58 matching lines @@
         if (!--count) {
             callback();
             return;
         }
         if (window.testRunner)
             testRunner.layoutAndPaintAsyncThen(requestAnimationFrame.bind(window, makeFrame));
         else
             window.requestAnimationFrame(makeFrame);
     }
 }