DevTools: [CSS] Add CSS.editRangeInStyleSheetText() to the protocol

LayoutTests/inspector-protocol/css/css-protocol-test.js

 function initialize_cssTest()
 {
 
 InspectorTest.requestMainFrameId = function(callback)
 {
     InspectorTest.sendCommandOrDie("Page.enable", {}, pageEnabled);
 
     function pageEnabled()
     {
         InspectorTest.sendCommandOrDie("Page.getResourceTree", {}, resourceTreeLoaded);
@@ skipping 23 matching lines @@
     {
         InspectorTest.sendCommandOrDie("DOM.querySelector", { "nodeId": documentNodeId , "selector": selector }, onGotNode);
     }
 
     function onGotNode(result)
     {
         callback(result.nodeId);
     }
 };
 
+function logIndent(string, indent)
+{
+    indent = indent || 0;
+    var indentString = Array(indent+1).join(" ");
+    InspectorTest.log(indentString + string);
+}
+
 InspectorTest.dumpRuleMatch = function(ruleMatch)
 {
-    function log(indent, string)
-    {
-        var indentString = Array(indent+1).join(" ");
-        InspectorTest.log(indentString + string);
-    }
 
     var rule = ruleMatch.rule;
     var matchingSelectors = ruleMatch.matchingSelectors;
     var selectorLine = "";
     var selectors = rule.selectorList.selectors;
     for (var i = 0; i < selectors.length; ++i) {
         if (i > 0)
             selectorLine += ", ";
         var matching = matchingSelectors.indexOf(i) !== -1;
         if (matching)
             selectorLine += "*";
         selectorLine += selectors[i].value;
         if (matching)
             selectorLine += "*";
     }
     selectorLine += " {";
     selectorLine += "    " + rule.origin + (rule.sourceURL ? " (" + InspectorTest.displayName(rule.sourceURL) + ")" : "");
-    log(0, selectorLine);
+    logIndent(selectorLine, 0);
     var style = rule.style;
     var cssProperties = style.cssProperties;
     for (var i = 0; i < cssProperties.length; ++i) {
         var cssProperty = cssProperties[i];
         var propertyLine = cssProperty.name + ": " + cssProperty.value + ";";
-        log(4, propertyLine);
+        logIndent(propertyLine, 4);
     }
-    log(0, "}");
+    logIndent("}");
 };
 
+function dumpProperties(properties, indent)

[vsevik, 2014/03/13 10:44:51]

We could probably reuse it on dumpRuleMatch

+{
+    for (var i = 0; i < properties.length; ++i) {
+        var property = properties[i];
+        if (!property.range)
+            continue;
+        var propertyText = property.name + ": " + property.value + (property.important ? " !important" : "");
+        if (property.disabled)
+            propertyText = "/* " + propertyText + " */";
+        logIndent(propertyText, indent);
+    }
+}
+
+InspectorTest.dumpRule = function(rule)
+{
+    function selectorValues(selector)
+    {
+        return selector.value;
+    }
+    var selector = rule.selectorList.selectors.map(selectorValues).join(", ");
+    logIndent(selector + " {");
+    dumpProperties(rule.style.cssProperties, 4);
+    logIndent("}");
+}
+
+InspectorTest.dumpStyle = function(style)
+{
+    dumpProperties(style.cssProperties, 0);
+}
+
 InspectorTest.displayName = function(url)
 {
     return url.substr(url.lastIndexOf("/") + 1);
 };
 
 InspectorTest.loadAndDumpMatchingRules = function(nodeId, callback)
 {
     InspectorTest.requestNodeId(nodeId, nodeIdLoaded);
 
     function nodeIdLoaded(nodeId)
     {
         InspectorTest.sendCommandOrDie("CSS.getMatchedStylesForNode", { "nodeId": nodeId }, matchingRulesLoaded);
     }
 
     function matchingRulesLoaded(result)
     {
         InspectorTest.log("Dumping matched rules: ");
         var ruleMatches = result.matchedCSSRules;
         for (var i = 0; i < ruleMatches.length; ++i) {
             var ruleMatch = ruleMatches[i];
             var origin = ruleMatch.rule.origin;
             if (origin !== "inspector" && origin !== "regular")
                 continue;
             InspectorTest.dumpRuleMatch(ruleMatch);
         }
         callback();
     }
 }
 
-}
+}