| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspecto
r-protocol-test.js"></script> | 3 <script type="text/javascript" src="../../http/tests/inspector-protocol/resource
s/inspector-protocol-test.js"></script> |
| 4 <script type="text/javascript" src="../../http/tests/inspector-protocol/css-prot
ocol-test.js"></script> | 4 <script type="text/javascript" src="../resources/css-protocol-test.js"></script> |
| 5 <script type="text/javascript"> | 5 <script type="text/javascript"> |
| 6 function test() | 6 function test() |
| 7 { | 7 { |
| 8 InspectorTest.eventHandler["CSS.styleSheetAdded"] = styleSheetAdded; | 8 InspectorTest.eventHandler["CSS.styleSheetAdded"] = styleSheetAdded; |
| 9 InspectorTest.sendCommandOrDie("DOM.enable", {}); | 9 InspectorTest.sendCommandOrDie("DOM.enable", {}); |
| 10 InspectorTest.sendCommandOrDie("CSS.enable", {}); | 10 InspectorTest.sendCommandOrDie("CSS.enable", {}); |
| 11 | 11 |
| 12 var setRuleSelector; | 12 var setRuleSelector; |
| 13 var verifyProtocolError; | 13 var verifydpError; |
| 14 var dumpStyleSheet; | 14 var dumpStyleSheet; |
| 15 | 15 |
| 16 var firstSelectorRange = { | 16 var firstSelectorRange = { |
| 17 startLine: 0, | 17 startLine: 0, |
| 18 startColumn: 0, | 18 startColumn: 0, |
| 19 endLine: 0, | 19 endLine: 0, |
| 20 endColumn: 1 | 20 endColumn: 1 |
| 21 }; | 21 }; |
| 22 var secondSelectorRange = { | 22 var secondSelectorRange = { |
| 23 startLine: 4, | 23 startLine: 4, |
| (...skipping 11 matching lines...) Expand all Loading... |
| 35 startLine: 12, | 35 startLine: 12, |
| 36 startColumn: 36, | 36 startColumn: 36, |
| 37 endLine: 13, | 37 endLine: 13, |
| 38 endColumn: 4 | 38 endColumn: 4 |
| 39 }; | 39 }; |
| 40 | 40 |
| 41 function styleSheetAdded(result) | 41 function styleSheetAdded(result) |
| 42 { | 42 { |
| 43 var styleSheetId = result.params.header.styleSheetId; | 43 var styleSheetId = result.params.header.styleSheetId; |
| 44 setRuleSelector = InspectorTest.setRuleSelector.bind(InspectorTest, styl
eSheetId, false); | 44 setRuleSelector = InspectorTest.setRuleSelector.bind(InspectorTest, styl
eSheetId, false); |
| 45 verifyProtocolError = InspectorTest.setRuleSelector.bind(InspectorTest,
styleSheetId, true); | 45 verifydpError = InspectorTest.setRuleSelector.bind(InspectorTest, styleS
heetId, true); |
| 46 dumpStyleSheet = InspectorTest.dumpStyleSheetText.bind(null, styleSheetI
d); | 46 dumpStyleSheet = InspectorTest.dumpStyleSheetText.bind(null, styleSheetI
d); |
| 47 InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId:
styleSheetId }, onInitialStyleSheetText); | 47 InspectorTest.sendCommandOrDie("CSS.getStyleSheetText", { styleSheetId:
styleSheetId }, onInitialStyleSheetText); |
| 48 } | 48 } |
| 49 | 49 |
| 50 function onInitialStyleSheetText(result) | 50 function onInitialStyleSheetText(result) |
| 51 { | 51 { |
| 52 InspectorTest.log("==== Initial style sheet text ===="); | 52 InspectorTest.log("==== Initial style sheet text ===="); |
| 53 InspectorTest.log(result.text); | 53 InspectorTest.log(result.text); |
| 54 InspectorTest.runTestSuite(testSuite); | 54 InspectorTest.runTestSuite(testSuite); |
| 55 } | 55 } |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 91 }; | 91 }; |
| 92 setRuleSelector({ | 92 setRuleSelector({ |
| 93 range: range, | 93 range: range, |
| 94 selector: ".EDITED-2" | 94 selector: ".EDITED-2" |
| 95 }, InspectorTest.undoAndNext(next)); | 95 }, InspectorTest.undoAndNext(next)); |
| 96 } | 96 } |
| 97 }, | 97 }, |
| 98 | 98 |
| 99 function testInvalidSelectorText(next) | 99 function testInvalidSelectorText(next) |
| 100 { | 100 { |
| 101 verifyProtocolError({ | 101 verifydpError({ |
| 102 range: firstSelectorRange, | 102 range: firstSelectorRange, |
| 103 selector: "123" | 103 selector: "123" |
| 104 }, next); | 104 }, next); |
| 105 }, | 105 }, |
| 106 | 106 |
| 107 function testEmptySelector(next) | 107 function testEmptySelector(next) |
| 108 { | 108 { |
| 109 verifyProtocolError({ | 109 verifydpError({ |
| 110 range: firstSelectorRange, | 110 range: firstSelectorRange, |
| 111 selector: "" | 111 selector: "" |
| 112 }, next); | 112 }, next); |
| 113 }, | 113 }, |
| 114 | 114 |
| 115 function testSelectorTextWithUnclosedComment(next) | 115 function testSelectorTextWithUnclosedComment(next) |
| 116 { | 116 { |
| 117 verifyProtocolError({ | 117 verifydpError({ |
| 118 range: firstSelectorRange, | 118 range: firstSelectorRange, |
| 119 selector: "body /*" | 119 selector: "body /*" |
| 120 }, next); | 120 }, next); |
| 121 }, | 121 }, |
| 122 | 122 |
| 123 function testSelectorTextWithBrace(next) | 123 function testSelectorTextWithBrace(next) |
| 124 { | 124 { |
| 125 verifyProtocolError({ | 125 verifydpError({ |
| 126 range: firstSelectorRange, | 126 range: firstSelectorRange, |
| 127 selector: "body {" | 127 selector: "body {" |
| 128 }, next); | 128 }, next); |
| 129 }, | 129 }, |
| 130 | 130 |
| 131 function testSelectorTextWithBraces(next) | 131 function testSelectorTextWithBraces(next) |
| 132 { | 132 { |
| 133 verifyProtocolError({ | 133 verifydpError({ |
| 134 range: firstSelectorRange, | 134 range: firstSelectorRange, |
| 135 selector: "body {}" | 135 selector: "body {}" |
| 136 }, next); | 136 }, next); |
| 137 }, | 137 }, |
| 138 | 138 |
| 139 function testSelectorTextWithExtraRule(next) | 139 function testSelectorTextWithExtraRule(next) |
| 140 { | 140 { |
| 141 verifyProtocolError({ | 141 verifydpError({ |
| 142 range: firstSelectorRange, | 142 range: firstSelectorRange, |
| 143 selector: "body {} body" | 143 selector: "body {} body" |
| 144 }, next); | 144 }, next); |
| 145 }, | 145 }, |
| 146 | 146 |
| 147 function testEditSubSelector(next) | 147 function testEditSubSelector(next) |
| 148 { | 148 { |
| 149 verifyProtocolError({ | 149 verifydpError({ |
| 150 range: { startLine: 12, startColumn: 8, endLine: 12, endColumn:
14 }, | 150 range: { startLine: 12, startColumn: 8, endLine: 12, endColumn:
14 }, |
| 151 selector: "line" | 151 selector: "line" |
| 152 }, next); | 152 }, next); |
| 153 }, | 153 }, |
| 154 | 154 |
| 155 function testInvalidParameters(next) | 155 function testInvalidParameters(next) |
| 156 { | 156 { |
| 157 verifyProtocolError({ | 157 verifydpError({ |
| 158 range: { startLine: "three", startColumn: 0, endLine: 4, endColu
mn: 0 }, | 158 range: { startLine: "three", startColumn: 0, endLine: 4, endColu
mn: 0 }, |
| 159 selector: "no matter what is here" | 159 selector: "no matter what is here" |
| 160 }, next); | 160 }, next); |
| 161 }, | 161 }, |
| 162 | 162 |
| 163 function testNegativeRangeParameters(next) | 163 function testNegativeRangeParameters(next) |
| 164 { | 164 { |
| 165 verifyProtocolError({ | 165 verifydpError({ |
| 166 range: { startLine: -1, startColumn: -1, endLine: 1, endColumn:
0 }, | 166 range: { startLine: -1, startColumn: -1, endLine: 1, endColumn:
0 }, |
| 167 selector: "html > body > div" | 167 selector: "html > body > div" |
| 168 }, next); | 168 }, next); |
| 169 }, | 169 }, |
| 170 | 170 |
| 171 function testStartLineOutOfBounds(next) | 171 function testStartLineOutOfBounds(next) |
| 172 { | 172 { |
| 173 verifyProtocolError({ | 173 verifydpError({ |
| 174 range: { startLine: 100, startColumn: 0, endLine: 100, endColumn
: 0 }, | 174 range: { startLine: 100, startColumn: 0, endLine: 100, endColumn
: 0 }, |
| 175 selector: "html > body > div" | 175 selector: "html > body > div" |
| 176 }, next); | 176 }, next); |
| 177 }, | 177 }, |
| 178 | 178 |
| 179 function testEndLineOutOfBounds(next) | 179 function testEndLineOutOfBounds(next) |
| 180 { | 180 { |
| 181 verifyProtocolError({ | 181 verifydpError({ |
| 182 range: { startLine: 0, startColumn: 0, endLine: 100, endColumn:
0 }, | 182 range: { startLine: 0, startColumn: 0, endLine: 100, endColumn:
0 }, |
| 183 selector: "html > body > div" | 183 selector: "html > body > div" |
| 184 }, next); | 184 }, next); |
| 185 }, | 185 }, |
| 186 | 186 |
| 187 function testStartColumnBeyondLastLineCharacter(next) | 187 function testStartColumnBeyondLastLineCharacter(next) |
| 188 { | 188 { |
| 189 verifyProtocolError({ | 189 verifydpError({ |
| 190 range: { startLine: 3, startColumn: 1000, endLine: 3, endColumn:
1000 }, | 190 range: { startLine: 3, startColumn: 1000, endLine: 3, endColumn:
1000 }, |
| 191 selector: "html > body > div" | 191 selector: "html > body > div" |
| 192 }, next); | 192 }, next); |
| 193 }, | 193 }, |
| 194 | 194 |
| 195 function testEndColumnBeyondLastLineCharacter(next) | 195 function testEndColumnBeyondLastLineCharacter(next) |
| 196 { | 196 { |
| 197 verifyProtocolError({ | 197 verifydpError({ |
| 198 range: { startLine: 3, startColumn: 0, endLine: 3, endColumn: 10
00 }, | 198 range: { startLine: 3, startColumn: 0, endLine: 3, endColumn: 10
00 }, |
| 199 selector: "html > body > div" | 199 selector: "html > body > div" |
| 200 }, next); | 200 }, next); |
| 201 }, | 201 }, |
| 202 | 202 |
| 203 function testInsertBeyondLastCharacterOfLastLine(next) | 203 function testInsertBeyondLastCharacterOfLastLine(next) |
| 204 { | 204 { |
| 205 verifyProtocolError({ | 205 verifydpError({ |
| 206 range: { startLine: 3, startColumn: 2, endLine: 3, endColumn: 2
}, | 206 range: { startLine: 3, startColumn: 2, endLine: 3, endColumn: 2
}, |
| 207 selector: "html > body > div" | 207 selector: "html > body > div" |
| 208 }, next); | 208 }, next); |
| 209 }, | 209 }, |
| 210 | 210 |
| 211 function testReversedRange(next) | 211 function testReversedRange(next) |
| 212 { | 212 { |
| 213 verifyProtocolError({ | 213 verifydpError({ |
| 214 range: { startLine: 2, startColumn: 0, endLine: 0, endColumn: 0
}, | 214 range: { startLine: 2, startColumn: 0, endLine: 0, endColumn: 0
}, |
| 215 selector: "html > body > div" | 215 selector: "html > body > div" |
| 216 }, next); | 216 }, next); |
| 217 }, | 217 }, |
| 218 ]; | 218 ]; |
| 219 } | 219 } |
| 220 | 220 |
| 221 </script> | 221 </script> |
| 222 <link rel="stylesheet" href="resources/set-rule-selector.css"/> | 222 <link rel="stylesheet" href="resources/set-rule-selector.css"/> |
| 223 </head> | 223 </head> |
| 224 <body onload="runTest();"> | 224 <body onload="runTest();"> |
| 225 </body> | 225 </body> |
| 226 </html> | 226 </html> |
| OLD | NEW |