| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <link rel="stylesheet" href="resources/add-rule.css"/> | 3 <link rel="stylesheet" href="resources/add-rule.css"/> |
| 4 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspecto
r-protocol-test.js"></script> | 4 <script type="text/javascript" src="../../http/tests/inspector-protocol/resource
s/inspector-protocol-test.js"></script> |
| 5 <script type="text/javascript" src="../../http/tests/inspector-protocol/css-prot
ocol-test.js"></script> | 5 <script type="text/javascript" src="../resources/css-protocol-test.js"></script> |
| 6 <script type="text/javascript" src="../../http/tests/inspector-protocol/dom-prot
ocol-test.js"></script> | 6 <script type="text/javascript" src="../resources/dom-protocol-test.js"></script> |
| 7 <script type="text/javascript"> | 7 <script type="text/javascript"> |
| 8 function test() | 8 function test() |
| 9 { | 9 { |
| 10 var addRule; | 10 var addRule; |
| 11 var verifyProtocolError; | 11 var verifydpError; |
| 12 var dumpStyleSheet; | 12 var dumpStyleSheet; |
| 13 var documentNodeId; | 13 var documentNodeId; |
| 14 | 14 |
| 15 InspectorTest.requestDocumentNodeId(onDocumentNodeId); | 15 InspectorTest.requestDocumentNodeId(onDocumentNodeId); |
| 16 | 16 |
| 17 function onDocumentNodeId(nodeId) | 17 function onDocumentNodeId(nodeId) |
| 18 { | 18 { |
| 19 documentNodeId = nodeId; | 19 documentNodeId = nodeId; |
| 20 InspectorTest.eventHandler["CSS.styleSheetAdded"] = styleSheetAdded; | 20 InspectorTest.eventHandler["CSS.styleSheetAdded"] = styleSheetAdded; |
| 21 InspectorTest.sendCommandOrDie("CSS.enable", {}); | 21 InspectorTest.sendCommandOrDie("CSS.enable", {}); |
| 22 } | 22 } |
| 23 | 23 |
| 24 function styleSheetAdded(result) | 24 function styleSheetAdded(result) |
| 25 { | 25 { |
| 26 var styleSheetId = result.params.header.styleSheetId; | 26 var styleSheetId = result.params.header.styleSheetId; |
| 27 addRule = InspectorTest.addRule.bind(InspectorTest, styleSheetId, false)
; | 27 addRule = InspectorTest.addRule.bind(InspectorTest, styleSheetId, false)
; |
| 28 verifyProtocolError = InspectorTest.addRule.bind(InspectorTest, styleShe
etId, true); | 28 verifydpError = InspectorTest.addRule.bind(InspectorTest, styleSheetId,
true); |
| 29 dumpStyleSheet = InspectorTest.dumpStyleSheetText.bind(null, styleSheetI
d); | 29 dumpStyleSheet = InspectorTest.dumpStyleSheetText.bind(null, styleSheetI
d); |
| 30 InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId:
styleSheetId }, onInitialStyleSheetText); | 30 InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId:
styleSheetId }, onInitialStyleSheetText); |
| 31 } | 31 } |
| 32 | 32 |
| 33 function dumpAndNext(next) | 33 function dumpAndNext(next) |
| 34 { | 34 { |
| 35 return InspectorTest.loadAndDumpMatchingRules.bind(InspectorTest, docume
ntNodeId, "#test", InspectorTest.undoAndNext(next)); | 35 return InspectorTest.loadAndDumpMatchingRules.bind(InspectorTest, docume
ntNodeId, "#test", InspectorTest.undoAndNext(next)); |
| 36 } | 36 } |
| 37 | 37 |
| 38 function onInitialStyleSheetText(result) | 38 function onInitialStyleSheetText(result) |
| (...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 108 addRule({ | 108 addRule({ |
| 109 location: { startLine: 19, startColumn: 0, endLine: 19, endColum
n: 0 }, | 109 location: { startLine: 19, startColumn: 0, endLine: 19, endColum
n: 0 }, |
| 110 ruleText: "#test { content: 'EDITED'; }", | 110 ruleText: "#test { content: 'EDITED'; }", |
| 111 }, dumpAndNext(next)); | 111 }, dumpAndNext(next)); |
| 112 }, | 112 }, |
| 113 | 113 |
| 114 /* Tests that verify error reporting. */ | 114 /* Tests that verify error reporting. */ |
| 115 | 115 |
| 116 function testInvalidRule(next) | 116 function testInvalidRule(next) |
| 117 { | 117 { |
| 118 verifyProtocolError({ | 118 verifydpError({ |
| 119 location: { startLine: 0, startColumn: 0, endLine: 0, endColumn:
0 }, | 119 location: { startLine: 0, startColumn: 0, endLine: 0, endColumn:
0 }, |
| 120 ruleText: "#test { content: 'EDITED';", | 120 ruleText: "#test { content: 'EDITED';", |
| 121 }, next); | 121 }, next); |
| 122 }, | 122 }, |
| 123 | 123 |
| 124 function testInvalidRule2(next) | 124 function testInvalidRule2(next) |
| 125 { | 125 { |
| 126 verifyProtocolError({ | 126 verifydpError({ |
| 127 location: { startLine: 0, startColumn: 0, endLine: 0, endColumn:
0 }, | 127 location: { startLine: 0, startColumn: 0, endLine: 0, endColumn:
0 }, |
| 128 ruleText: "@media all { ", | 128 ruleText: "@media all { ", |
| 129 }, next); | 129 }, next); |
| 130 }, | 130 }, |
| 131 | 131 |
| 132 function testInvalidRule3(next) | 132 function testInvalidRule3(next) |
| 133 { | 133 { |
| 134 verifyProtocolError({ | 134 verifydpError({ |
| 135 location: { startLine: 0, startColumn: 0, endLine: 0, endColumn:
0 }, | 135 location: { startLine: 0, startColumn: 0, endLine: 0, endColumn:
0 }, |
| 136 ruleText: "#test {} #test {", | 136 ruleText: "#test {} #test {", |
| 137 }, next); | 137 }, next); |
| 138 }, | 138 }, |
| 139 | 139 |
| 140 function testAddingRuleInsideSelector(next) | 140 function testAddingRuleInsideSelector(next) |
| 141 { | 141 { |
| 142 verifyProtocolError({ | 142 verifydpError({ |
| 143 location: { startLine: 0, startColumn: 2, endLine: 0, endColumn:
2 }, | 143 location: { startLine: 0, startColumn: 2, endLine: 0, endColumn:
2 }, |
| 144 ruleText: "#test { content: 'EDITED'; }", | 144 ruleText: "#test { content: 'EDITED'; }", |
| 145 }, next); | 145 }, next); |
| 146 }, | 146 }, |
| 147 | 147 |
| 148 function testAddingRuleBeforeRuleBody(next) | 148 function testAddingRuleBeforeRuleBody(next) |
| 149 { | 149 { |
| 150 verifyProtocolError({ | 150 verifydpError({ |
| 151 location: { startLine: 4, startColumn: 6, endLine: 4, endColumn:
6 }, | 151 location: { startLine: 4, startColumn: 6, endLine: 4, endColumn:
6 }, |
| 152 ruleText: "#test { content: 'EDITED'; }", | 152 ruleText: "#test { content: 'EDITED'; }", |
| 153 }, next); | 153 }, next); |
| 154 }, | 154 }, |
| 155 | 155 |
| 156 function testAddingRuleInsideMedia1(next) | 156 function testAddingRuleInsideMedia1(next) |
| 157 { | 157 { |
| 158 verifyProtocolError({ | 158 verifydpError({ |
| 159 location: { startLine: 12, startColumn: 9, endLine: 12, endColum
n: 9 }, | 159 location: { startLine: 12, startColumn: 9, endLine: 12, endColum
n: 9 }, |
| 160 ruleText: "#test { content: 'EDITED'; }", | 160 ruleText: "#test { content: 'EDITED'; }", |
| 161 }, next); | 161 }, next); |
| 162 }, | 162 }, |
| 163 | 163 |
| 164 function testAddingRuleInsideMedia2(next) | 164 function testAddingRuleInsideMedia2(next) |
| 165 { | 165 { |
| 166 verifyProtocolError({ | 166 verifydpError({ |
| 167 location: { startLine: 12, startColumn: 15, endLine: 12, endColu
mn: 15 }, | 167 location: { startLine: 12, startColumn: 15, endLine: 12, endColu
mn: 15 }, |
| 168 ruleText: "#test { content: 'EDITED'; }", | 168 ruleText: "#test { content: 'EDITED'; }", |
| 169 }, next); | 169 }, next); |
| 170 }, | 170 }, |
| 171 | 171 |
| 172 function testAddingRuleBeforeMediaBody(next) | 172 function testAddingRuleBeforeMediaBody(next) |
| 173 { | 173 { |
| 174 verifyProtocolError({ | 174 verifydpError({ |
| 175 location: { startLine: 12, startColumn: 24, endLine: 12, endColu
mn: 24 }, | 175 location: { startLine: 12, startColumn: 24, endLine: 12, endColu
mn: 24 }, |
| 176 ruleText: "#test { content: 'EDITED'; }", | 176 ruleText: "#test { content: 'EDITED'; }", |
| 177 }, next); | 177 }, next); |
| 178 }, | 178 }, |
| 179 | 179 |
| 180 function testAddingRuleInsideStyleRule(next) | 180 function testAddingRuleInsideStyleRule(next) |
| 181 { | 181 { |
| 182 verifyProtocolError({ | 182 verifydpError({ |
| 183 location: { startLine: 18, startColumn: 0, endLine: 18, endColum
n: 0 }, | 183 location: { startLine: 18, startColumn: 0, endLine: 18, endColum
n: 0 }, |
| 184 ruleText: "#test { content: 'EDITED'; }", | 184 ruleText: "#test { content: 'EDITED'; }", |
| 185 }, next); | 185 }, next); |
| 186 }, | 186 }, |
| 187 ]; | 187 ]; |
| 188 } | 188 } |
| 189 | 189 |
| 190 </script> | 190 </script> |
| 191 </head> | 191 </head> |
| 192 <body onload="runTest();"> | 192 <body onload="runTest();"> |
| 193 <p>The test verifies functionality of protocol method CSS.addRule.</p> | 193 <p>The test verifies functionality of protocol method CSS.addRule.</p> |
| 194 <article id="test"></article> | 194 <article id="test"></article> |
| 195 </body> | 195 </body> |
| 196 </html> | 196 </html> |
| OLD | NEW |