third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-history.html

   1 <html>
   2 <head>
   3
   4 <link rel="stylesheet" href="../styles/resources/styles-history.css">
   5
   6 <script src="../../../http/tests/inspector/inspector-test.js"></script>
   7 <script src="../../../http/tests/inspector/elements-test.js"></script>
   8 <script src="../../../http/tests/inspector/resources-test.js"></script>
   9 <script src="../styles/styles-test.js"></script>
  10 <script>
  11
  12 function test()
  13 {
  14     InspectorTest.runAfterCachedResourcesProcessed(runTestSuite);
  15
  16     var uiSourceCode;
  17
  18     function runTestSuite()
  19     {
  20         InspectorTest.runTestSuite([
  21             function testSetUp(next)
  22             {
  23                 function visitUISourceCodes(currentUISourceCode)
  24                 {
  25                     if (currentUISourceCode.originURL().indexOf("styles-history.css") === -1)
  26                         return;
  27                     uiSourceCode = currentUISourceCode;
  28                     next();
  29                 }
  30                 WebInspector.workspace.uiSourceCodes().forEach(visitUISourceCodes);
  31             },
  32
  33             function testSetResourceContentMinor(next)
  34             {
  35                 InspectorTest.addSniffer(WebInspector.StyleFile.prototype, "_styleContentSet", styleUpdatedMinor);
  36                 uiSourceCode.setWorkingCopy("body {\n  margin: 15px;\n  padding: 10px;\n}");
  37
  38                 function styleUpdatedMinor()
  39                 {
  40                     dumpHistory(next)();
  41                 }
  42             },
  43
  44             function testSetResourceContentMajor(next)
  45             {
  46                 InspectorTest.addSniffer(WebInspector.StyleFile.prototype, "_styleContentSet", styleUpdatedMinor);
  47                 uiSourceCode.setWorkingCopy("body {\n  margin: 20px;\n  padding: 10px;\n}");
  48
  49                 function styleUpdatedMinor()
  50                 {
  51                     InspectorTest.addSniffer(WebInspector.StyleFile.prototype, "_styleContentSet", styleUpdatedMajor);
  52                     uiSourceCode.commitWorkingCopy(function() { });
  53
  54                     function styleUpdatedMajor()
  55                     {
  56                         dumpHistory(next)();
  57                     }
  58                 }
  59             },
  60
  61             function testSetContentViaModelMinor(next)
  62             {
  63                 styleSheetForResource(step1);
  64
  65                 function step1(style)
  66                 {
  67                     var property = getLiveProperty(style, "margin");
  68                     property.setText("margin:25px;", false, true).then(dumpHistory(next));
  69                 }
  70             },
  71
  72             function testSetContentViaModelMajor(next)
  73             {
  74                 styleSheetForResource(step1);
  75
  76                 function step1(style)
  77                 {
  78                     var property = getLiveProperty(style, "margin");
  79                     InspectorTest.addSniffer(WebInspector.UISourceCode.prototype, "addRevision", dumpHistory(next));
  80                     property.setText("margin:30px;", true, true);
  81                 }
  82             }
  83         ]);
  84     }
  85
  86     function styleSheetForResource(callback)
  87     {
  88         InspectorTest.nodeWithId("mainBody", onNodeSelected);
  89
  90         function onNodeSelected(node)
  91         {
  92             InspectorTest.CSSAgent.getMatchedStylesForNode(node.id, onMatchedStylesForNode);
  93         }
  94
  95         function onMatchedStylesForNode(error, inlineStyle, attributeStyle, matchedStyles)
  96         {
  97             if (error) {
  98                 InspectorTest.addResult("error: " + error);
  99                 InspectorTest.completeTest();
 100                 return;
 101             }
 102             for (var i = 0; i < matchedStyles.length; ++i) {
 103                 var rule = matchedStyles[i].rule;
 104                 if (rule.origin !== "regular")
 105                     continue;
 106                 callback(new WebInspector.CSSStyleDeclaration(InspectorTest.cssModel, null, rule.style));
 107                 return;
 108             }
 109             InspectorTest.addResult("error: did not find any regular rule");
 110             InspectorTest.completeTest();
 111         }
 112     }
 113
 114     function dumpHistory(next)
 115     {
 116         function result()
 117         {
 118             InspectorTest.addResult("History length: " + uiSourceCode.history.length);
 119             for (var i = 0; i < uiSourceCode.history.length; ++i) {
 120                 InspectorTest.addResult("Item " + i + ":");
 121                 InspectorTest.addResult(uiSourceCode.history[i].content);
 122             }
 123             next();
 124         }
 125         return result;
 126     }
 127
 128     function getLiveProperty(style, name)
 129     {
 130         for (var property of style.allProperties) {
 131             if (!property.activeInStyle())
 132                 continue;
 133             if (property.name === name)
 134                 return property;
 135         }
 136         return null;
 137     }
 138 }
 139
 140 </script>
 141 </head>
 142
 143 <body id="mainBody" onload="runTest()">
 144 <p>
 145 Tests resources panel history.
 146 </p>
 147 </body>
 148 </html>