[DevTools] New harness for inspector-protocol layout tests

third_party/WebKit/LayoutTests/http/tests/inspector-protocol/css-protocol-test.js

-function initialize_cssTest()
-{
-
-InspectorTest.dumpStyleSheetText = function(styleSheetId, callback)
-{
-    InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId: styleSheetId }, onStyleSheetText);
-    function onStyleSheetText(result)
-    {
-        InspectorTest.log("==== Style sheet text ====");
-        InspectorTest.log(result.text);
-        callback();
-    }
-}
-
-function modifyStyleSheet(command, presetStyleSheetId, styleSheetId, expectError, options, callback)
-{
-    if (presetStyleSheetId)
-        options.styleSheetId = styleSheetId;
-    if (expectError)
-        InspectorTest.sendCommand(command, options, onResponse);
-    else
-        InspectorTest.sendCommandOrDie(command, options, onSuccess);
-
-    function onSuccess()
-    {
-        InspectorTest.dumpStyleSheetText(styleSheetId, callback);
-    }
-
-    function onResponse(message)
-    {
-        if (!message.error) {
-            InspectorTest.log("ERROR: protocol method call did not return expected error. Instead, the following message was received: " + JSON.stringify(message));
-            InspectorTest.completeTest();
-            return;
-        }
-        InspectorTest.log("Expected protocol error: " + message.error.message + (message.error.data ? " (" + message.error.data + ")" : ""));
-        callback();
-    }
-}
-
-InspectorTest.setPropertyText = modifyStyleSheet.bind(null, "CSS.setPropertyText", true);
-InspectorTest.setRuleSelector = modifyStyleSheet.bind(null, "CSS.setRuleSelector", true);
-InspectorTest.setMediaText = modifyStyleSheet.bind(null, "CSS.setMediaText", true);
-InspectorTest.addRule = modifyStyleSheet.bind(null, "CSS.addRule", true);
-InspectorTest.setStyleTexts = function(styleSheetId, expectError, edits, callback)
-{
-    var options = { edits: edits };
-    modifyStyleSheet("CSS.setStyleTexts", false, styleSheetId, expectError, options, callback);
-}
-
-InspectorTest.requestMainFrameId = function(callback)
-{
-    InspectorTest.sendCommandOrDie("Page.enable", {}, pageEnabled);
-
-    function pageEnabled()
-    {
-        InspectorTest.sendCommandOrDie("Page.getResourceTree", {}, resourceTreeLoaded);
-    }
-
-    function resourceTreeLoaded(payload)
-    {
-        callback(payload.frameTree.frame.id);
-    }
-};
-
-function indentLog(indent, string)
-{
-    var indentString = Array(indent+1).join(" ");
-    InspectorTest.log(indentString + string);
-}
-
-InspectorTest.dumpRuleMatch = function(ruleMatch)
-{
-
-    var rule = ruleMatch.rule;
-    var matchingSelectors = ruleMatch.matchingSelectors;
-    var media = rule.media || [];
-    var mediaLine = "";
-    for (var i = 0; i < media.length; ++i)
-        mediaLine += (i > 0 ? " " : "") + media[i].text;
-    var baseIndent = 0;
-    if (mediaLine.length) {
-        indentLog(baseIndent, "@media " + mediaLine);
-        baseIndent += 4;
-    }
-    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].text;
-        if (matching)
-            selectorLine += "*";
-    }
-    selectorLine += " {";
-    selectorLine += "    " + rule.origin;
-    if (!rule.style.styleSheetId)
-        selectorLine += "    readonly";
-    indentLog(baseIndent, selectorLine);
-    InspectorTest.dumpStyle(rule.style, baseIndent);
-    indentLog(baseIndent, "}");
-};
-
-InspectorTest.dumpStyle = function(style, baseIndent)
-{
-    if (!style)
-        return;
-    var cssProperties = style.cssProperties;
-    for (var i = 0; i < cssProperties.length; ++i) {
-        var cssProperty = cssProperties[i];
-        var propertyLine = cssProperty.name + ": " + cssProperty.value + ";";
-        indentLog(baseIndent + 4, propertyLine);
-    }
-}
-
-InspectorTest.displayName = function(url)
-{
-    return url.substr(url.lastIndexOf("/") + 1);
-};
-
-InspectorTest.loadAndDumpMatchingRulesForNode = function(nodeId, callback, omitLog)
-{
-    InspectorTest.sendCommandOrDie("CSS.getMatchedStylesForNode", { "nodeId": nodeId }, matchingRulesLoaded);
-
-    function matchingRulesLoaded(result)
-    {
-        if (!omitLog)
-            InspectorTest.log("Dumping matched rules: ");
-        dumpRuleMatches(result.matchedCSSRules);
-        if (!omitLog)
-            InspectorTest.log("Dumping inherited rules: ");
-        for (var inheritedEntry of result.inherited) {
-            InspectorTest.dumpStyle(inheritedEntry.inlineStyle);
-            dumpRuleMatches(inheritedEntry.matchedCSSRules);
-        }
-        callback();
-    }
-
-    function dumpRuleMatches(ruleMatches)
-    {
-        for (var ruleMatch of ruleMatches) {
-            var origin = ruleMatch.rule.origin;
-            if (origin !== "inspector" && origin !== "regular")
-                continue;
-            InspectorTest.dumpRuleMatch(ruleMatch);
-        }
-    }
-}
-
-InspectorTest.loadAndDumpCSSAnimationsForNode = function(nodeId, callback)
-{
-    InspectorTest.sendCommandOrDie("CSS.getMatchedStylesForNode", { "nodeId": nodeId }, cssAnimationsLoaded);
-
-    function cssAnimationsLoaded(result)
-    {
-        InspectorTest.log("Dumping CSS keyframed animations: ");
-        for (var keyframesRule of result.cssKeyframesRules) {
-            InspectorTest.log("@keyframes " + keyframesRule.animationName.text + " {");
-            for (var keyframe of keyframesRule.keyframes) {
-                indentLog(4, keyframe.keyText.text + " {");
-                InspectorTest.dumpStyle(keyframe.style, 4);
-                indentLog(4, "}");
-            }
-            InspectorTest.log("}");
-        }
-        callback();
-    }
-}
-
-InspectorTest.loadAndDumpMatchingRules = function(documentNodeId, selector, callback, omitLog)
-{
-    InspectorTest.requestNodeId(documentNodeId, selector, nodeIdLoaded);
-
-    function nodeIdLoaded(nodeId)
-    {
-        InspectorTest.loadAndDumpMatchingRulesForNode(nodeId, callback, omitLog);
-    }
-}
-
-InspectorTest.loadAndDumpInlineAndMatchingRules = function(documentNodeId, selector, callback, omitLog)
-{
-    InspectorTest.requestNodeId(documentNodeId, selector, nodeIdLoaded);
-    var nodeId;
-    function nodeIdLoaded(id)
-    {
-        nodeId = id;
-        InspectorTest.sendCommandOrDie("CSS.getInlineStylesForNode", { "nodeId": nodeId }, onInline);
-    }
-
-    function onInline(result)
-    {
-        if (!omitLog)
-            InspectorTest.log("Dumping inline style: ");
-        InspectorTest.log("{");
-        InspectorTest.dumpStyle(result.inlineStyle, 0);
-        InspectorTest.log("}");
-        InspectorTest.loadAndDumpMatchingRulesForNode(nodeId, callback, omitLog)
-    }
-}
-}