third_party/WebKit/LayoutTests/inspector-protocol/css/css-add-rule.html

   1 <html>
   2 <head>
   3 <link rel="stylesheet" href="resources/add-rule.css"/>
   4 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script>
   5 <script type="text/javascript" src="../../http/tests/inspector-protocol/css-protocol-test.js"></script>
   6 <script type="text/javascript" src="../../http/tests/inspector-protocol/dom-protocol-test.js"></script>
   7 <script type="text/javascript">
   8 function test()
   9 {
  10     var addRule;
  11     var verifyProtocolError;
  12     var dumpStyleSheet;
  13     var documentNodeId;
  14
  15     InspectorTest.requestDocumentNodeId(onDocumentNodeId);
  16
  17     function onDocumentNodeId(nodeId)
  18     {
  19         documentNodeId = nodeId;
  20         InspectorTest.eventHandler["CSS.styleSheetAdded"] = styleSheetAdded;
  21         InspectorTest.sendCommandOrDie("CSS.enable", {});
  22     }
  23
  24     function styleSheetAdded(result)
  25     {
  26         var styleSheetId = result.params.header.styleSheetId;
  27         addRule = InspectorTest.addRule.bind(InspectorTest, styleSheetId, false);
  28         verifyProtocolError = InspectorTest.addRule.bind(InspectorTest, styleSheetId, true);
  29         dumpStyleSheet = InspectorTest.dumpStyleSheetText.bind(null, styleSheetId);
  30         InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId: styleSheetId }, onInitialStyleSheetText);
  31     }
  32
  33     function dumpAndNext(next)
  34     {
  35         return InspectorTest.loadAndDumpMatchingRules.bind(InspectorTest, documentNodeId, "#test", InspectorTest.undoAndNext(next));
  36     }
  37
  38     function onInitialStyleSheetText(result)
  39     {
  40         InspectorTest.log("==== Initial style sheet text ====");
  41         InspectorTest.log(result.text);
  42         InspectorTest.runTestSuite(testSuite);
  43     }
  44
  45     var testSuite = [
  46         /* Tests that add rule into style sheet. */
  47
  48         function testAddRuleToStyleSheetBeginning(next)
  49         {
  50             addRule({
  51                 location: { startLine: 0, startColumn: 0, endLine: 0, endColumn: 0 },
  52                 ruleText: "#test { content: 'EDITED'; }",
  53             }, dumpAndNext(next));
  54         },
  55
  56         function testAddRuleToStyleSheetEnding(next)
  57         {
  58             addRule({
  59                 location: { startLine: 20, startColumn: 0, endLine: 20, endColumn: 0 },
  60                 ruleText: "#test { content: 'EDITED'; }",
  61             }, dumpAndNext(next));
  62         },
  63
  64         function testAddRuleToStyleSheetCenter(next)
  65         {
  66             addRule({
  67                 location: { startLine: 11, startColumn: 0, endLine: 11, endColumn: 0 },
  68                 ruleText: "#test { content: 'EDITED'; }",
  69             }, dumpAndNext(next));
  70         },
  71
  72         function testAddRuleToRuleEnding(next)
  73         {
  74             addRule({
  75                 location: { startLine: 2, startColumn: 1, endLine: 2, endColumn: 1 },
  76                 ruleText: "#test{\n    content: 'EDITED';\n}",
  77             }, dumpAndNext(next));
  78         },
  79
  80         function testAddRuleWithFormatting(next)
  81         {
  82             addRule({
  83                 location: { startLine: 2, startColumn: 1, endLine: 2, endColumn: 1 },
  84                 ruleText: "\n\n#test{\n    content: 'EDITED';\n}",
  85             }, dumpAndNext(next));
  86         },
  87
  88         /* Tests that add rule into MediaRule. */
  89
  90         function testAddRuleToMediaRuleBeginning(next)
  91         {
  92             addRule({
  93                 location: { startLine: 12, startColumn: 25, endLine: 12, endColumn: 25 },
  94                 ruleText: "#test { content: 'EDITED'; }",
  95             }, dumpAndNext(next));
  96         },
  97
  98         function testAddRuleToMediaRuleCenter(next)
  99         {
 100             addRule({
 101                 location: { startLine: 16, startColumn: 0, endLine: 16, endColumn: 0 },
 102                 ruleText: "#test { content: 'EDITED'; }",
 103             }, dumpAndNext(next));
 104         },
 105
 106         function testAddRuleToMediaRuleEnd(next)
 107         {
 108             addRule({
 109                 location: { startLine: 19, startColumn: 0, endLine: 19, endColumn: 0 },
 110                 ruleText: "#test { content: 'EDITED'; }",
 111             }, dumpAndNext(next));
 112         },
 113
 114         /* Tests that verify error reporting. */
 115
 116         function testInvalidRule(next)
 117         {
 118             verifyProtocolError({
 119                 location: { startLine: 0, startColumn: 0, endLine: 0, endColumn: 0 },
 120                 ruleText: "#test { content: 'EDITED';",
 121             }, next);
 122         },
 123
 124         function testAddingRuleInsideSelector(next)
 125         {
 126             verifyProtocolError({
 127                 location: { startLine: 0, startColumn: 2, endLine: 0, endColumn: 2 },
 128                 ruleText: "#test { content: 'EDITED'; }",
 129             }, next);
 130         },
 131
 132         function testAddingRuleBeforeRuleBody(next)
 133         {
 134             verifyProtocolError({
 135                 location: { startLine: 4, startColumn: 6, endLine: 4, endColumn: 6 },
 136                 ruleText: "#test { content: 'EDITED'; }",
 137             }, next);
 138         },
 139
 140         function testAddingRuleInsideMedia1(next)
 141         {
 142             verifyProtocolError({
 143                 location: { startLine: 12, startColumn: 9, endLine: 12, endColumn: 9 },
 144                 ruleText: "#test { content: 'EDITED'; }",
 145             }, next);
 146         },
 147
 148         function testAddingRuleInsideMedia2(next)
 149         {
 150             verifyProtocolError({
 151                 location: { startLine: 12, startColumn: 15, endLine: 12, endColumn: 15 },
 152                 ruleText: "#test { content: 'EDITED'; }",
 153             }, next);
 154         },
 155
 156         function testAddingRuleBeforeMediaBody(next)
 157         {
 158             verifyProtocolError({
 159                 location: { startLine: 12, startColumn: 24, endLine: 12, endColumn: 24 },
 160                 ruleText: "#test { content: 'EDITED'; }",
 161             }, next);
 162         },
 163
 164         function testAddingRuleInsideStyleRule(next)
 165         {
 166             verifyProtocolError({
 167                 location: { startLine: 18, startColumn: 0, endLine: 18, endColumn: 0 },
 168                 ruleText: "#test { content: 'EDITED'; }",
 169             }, next);
 170         },
 171    ];
 172 }
 173
 174 </script>
 175 </head>
 176 <body onload="runTest();">
 177 <p>The test verifies functionality of protocol method CSS.addRule.</p>
 178 <article id="test"></article>
 179 </body>
 180 </html>