Devtools: Add editable keyframes to the styles sidebar pane

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

 var initialize_ElementTest = function() {
 
 InspectorTest.preloadPanel("elements");
 
 InspectorTest.inlineStyleSection = function()
 {
     return WebInspector.panels.elements.sidebarPanes.styles._sectionBlocks[0].sections[0];
 }
 
 InspectorTest.computedStyleWidget = function()
@@ skipping 361 matching lines @@
 {
     if (!section)
         return;
     InspectorTest.addResult("[expanded] " + (section.element.classList.contains("no-affect") ? "[no-affect] " : ""));
 
     var medias = section._titleElement.querySelectorAll(".media-list .media");
     for (var i = 0; i < medias.length; ++i) {
         var media = medias[i];
         InspectorTest.addResult(media.textContent);
     }
-    var selector = section._titleElement.querySelector(".selector");
+    var selector = section._titleElement.querySelector(".selector") || section._titleElement.querySelector(".keyframe-key");
     var selectorText = includeSelectorGroupMarks ? buildMarkedSelectors(selector) : selector.textContent;
     // Dump " {".
     selectorText += selector.nextSibling.textContent;
     var anchor = section._titleElement.querySelector(".styles-section-subtitle");
     if (anchor) {
         var anchorText = extractText(anchor);
         selectorText += String.sprintf(" (%s)", anchorText);
     }
     InspectorTest.addResult(selectorText);
 
@@ skipping 577 matching lines @@
 InspectorTest.dumpAnimationTimeline = function(timeline)
 {
     for (var ui of timeline._uiAnimations) {
         InspectorTest.addResult(ui.animation().type());
         InspectorTest.addResult(ui._nameElement.innerHTML);
         InspectorTest.addResult(ui._svg.innerHTML);
     }
 }
 
 };