Devtools Animations: Represent delay and end-delay on the animation timeline

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

 var initialize_ElementTest = function() {
 
 InspectorTest.preloadPanel("elements");
 
 InspectorTest.inlineStyleSection = function()
 {
     return WebInspector.panels.elements.sidebarPanes.styles.sections[0][0];
 }
 
 InspectorTest.computedStyleSection = function()
@@ skipping 858 matching lines @@
         InspectorTest.DOMAgent.getHighlightObjectForTest(node.id, report);
     }
 
     function report(error, result)
     {
         InspectorTest.addResult(idValue + JSON.stringify(result, null, 2));
         callback();
     }
 }
 
+InspectorTest.waitForAnimationAdded = function(callback)
+{
+    InspectorTest.addSniffer(WebInspector.AnimationTimeline.prototype, "addAnimation", callback);
+}
+
+InspectorTest.dumpAnimationTimeline = function()
+{
+    var timeline = WebInspector.panels.elements.sidebarPanes.animations._timeline;
+    // Dump timeline
+    for (var nodeUI of timeline._nodesMap.values()) {
+        for (nodeRow of nodeUI._rows) {
+            for (var ui of nodeRow.animations) {
+                InspectorTest.addResult(ui._svg.innerHTML);
+            }
+        }
+    }
+}
+
 };