| OLD | NEW |
|---|
| (Empty) | |
| 1 The test verifies functionality of protocol method CSS.addRule. |
| 2 |
| 3 ==== Initial style sheet text ==== |
| 4 #test { |
| 5 box-sizing: border-box; |
| 6 } |
| 7 |
| 8 #test { |
| 9 /* resetting some properties */ |
| 10 line-height: 1; |
| 11 font-family: "Arial"; |
| 12 color: blue; |
| 13 display: flex; /* flex FTW! */ |
| 14 } |
| 15 |
| 16 @media (min-width: 1px) { |
| 17 #test { |
| 18 font-size: 200%; |
| 19 } |
| 20 |
| 21 #test { |
| 22 } |
| 23 } |
| 24 |
| 25 |
| 26 |
| 27 Running test: testAddRuleToStyleSheetBeginning |
| 28 ==== Style sheet text ==== |
| 29 #test { content: 'EDITED'; }#test { |
| 30 box-sizing: border-box; |
| 31 } |
| 32 |
| 33 #test { |
| 34 /* resetting some properties */ |
| 35 line-height: 1; |
| 36 font-family: "Arial"; |
| 37 color: blue; |
| 38 display: flex; /* flex FTW! */ |
| 39 } |
| 40 |
| 41 @media (min-width: 1px) { |
| 42 #test { |
| 43 font-size: 200%; |
| 44 } |
| 45 |
| 46 #test { |
| 47 } |
| 48 } |
| 49 |
| 50 |
| 51 Dumping matched rules: |
| 52 *#test* { regular |
| 53 content: 'EDITED'; |
| 54 } |
| 55 *#test* { regular |
| 56 box-sizing: border-box; |
| 57 } |
| 58 *#test* { regular |
| 59 line-height: 1; |
| 60 font-family: "Arial"; |
| 61 color: blue; |
| 62 display: flex; |
| 63 } |
| 64 @media (min-width: 1px) |
| 65 *#test* { regular |
| 66 font-size: 200%; |
| 67 } |
| 68 @media (min-width: 1px) |
| 69 *#test* { regular |
| 70 } |
| 71 |
| 72 Running test: testAddRuleToStyleSheetEnding |
| 73 ==== Style sheet text ==== |
| 74 #test { |
| 75 box-sizing: border-box; |
| 76 } |
| 77 |
| 78 #test { |
| 79 /* resetting some properties */ |
| 80 line-height: 1; |
| 81 font-family: "Arial"; |
| 82 color: blue; |
| 83 display: flex; /* flex FTW! */ |
| 84 } |
| 85 |
| 86 @media (min-width: 1px) { |
| 87 #test { |
| 88 font-size: 200%; |
| 89 } |
| 90 |
| 91 #test { |
| 92 } |
| 93 } |
| 94 #test { content: 'EDITED'; } |
| 95 |
| 96 Dumping matched rules: |
| 97 *#test* { regular |
| 98 box-sizing: border-box; |
| 99 } |
| 100 *#test* { regular |
| 101 line-height: 1; |
| 102 font-family: "Arial"; |
| 103 color: blue; |
| 104 display: flex; |
| 105 } |
| 106 @media (min-width: 1px) |
| 107 *#test* { regular |
| 108 font-size: 200%; |
| 109 } |
| 110 @media (min-width: 1px) |
| 111 *#test* { regular |
| 112 } |
| 113 *#test* { regular |
| 114 content: 'EDITED'; |
| 115 } |
| 116 |
| 117 Running test: testAddRuleToStyleSheetCenter |
| 118 ==== Style sheet text ==== |
| 119 #test { |
| 120 box-sizing: border-box; |
| 121 } |
| 122 |
| 123 #test { |
| 124 /* resetting some properties */ |
| 125 line-height: 1; |
| 126 font-family: "Arial"; |
| 127 color: blue; |
| 128 display: flex; /* flex FTW! */ |
| 129 } |
| 130 #test { content: 'EDITED'; } |
| 131 @media (min-width: 1px) { |
| 132 #test { |
| 133 font-size: 200%; |
| 134 } |
| 135 |
| 136 #test { |
| 137 } |
| 138 } |
| 139 |
| 140 |
| 141 Dumping matched rules: |
| 142 *#test* { regular |
| 143 box-sizing: border-box; |
| 144 } |
| 145 *#test* { regular |
| 146 line-height: 1; |
| 147 font-family: "Arial"; |
| 148 color: blue; |
| 149 display: flex; |
| 150 } |
| 151 *#test* { regular |
| 152 content: 'EDITED'; |
| 153 } |
| 154 @media (min-width: 1px) |
| 155 *#test* { regular |
| 156 font-size: 200%; |
| 157 } |
| 158 @media (min-width: 1px) |
| 159 *#test* { regular |
| 160 } |
| 161 |
| 162 Running test: testAddRuleToRuleEnding |
| 163 ==== Style sheet text ==== |
| 164 #test { |
| 165 box-sizing: border-box; |
| 166 }#test{ |
| 167 content: 'EDITED'; |
| 168 } |
| 169 |
| 170 #test { |
| 171 /* resetting some properties */ |
| 172 line-height: 1; |
| 173 font-family: "Arial"; |
| 174 color: blue; |
| 175 display: flex; /* flex FTW! */ |
| 176 } |
| 177 |
| 178 @media (min-width: 1px) { |
| 179 #test { |
| 180 font-size: 200%; |
| 181 } |
| 182 |
| 183 #test { |
| 184 } |
| 185 } |
| 186 |
| 187 |
| 188 Dumping matched rules: |
| 189 *#test* { regular |
| 190 box-sizing: border-box; |
| 191 } |
| 192 *#test* { regular |
| 193 content: 'EDITED'; |
| 194 } |
| 195 *#test* { regular |
| 196 line-height: 1; |
| 197 font-family: "Arial"; |
| 198 color: blue; |
| 199 display: flex; |
| 200 } |
| 201 @media (min-width: 1px) |
| 202 *#test* { regular |
| 203 font-size: 200%; |
| 204 } |
| 205 @media (min-width: 1px) |
| 206 *#test* { regular |
| 207 } |
| 208 |
| 209 Running test: testAddRuleToMediaRuleBeginning |
| 210 ==== Style sheet text ==== |
| 211 #test { |
| 212 box-sizing: border-box; |
| 213 } |
| 214 |
| 215 #test { |
| 216 /* resetting some properties */ |
| 217 line-height: 1; |
| 218 font-family: "Arial"; |
| 219 color: blue; |
| 220 display: flex; /* flex FTW! */ |
| 221 } |
| 222 |
| 223 @media (min-width: 1px) {#test { content: 'EDITED'; } |
| 224 #test { |
| 225 font-size: 200%; |
| 226 } |
| 227 |
| 228 #test { |
| 229 } |
| 230 } |
| 231 |
| 232 |
| 233 Dumping matched rules: |
| 234 *#test* { regular |
| 235 box-sizing: border-box; |
| 236 } |
| 237 *#test* { regular |
| 238 line-height: 1; |
| 239 font-family: "Arial"; |
| 240 color: blue; |
| 241 display: flex; |
| 242 } |
| 243 @media (min-width: 1px) |
| 244 *#test* { regular |
| 245 content: 'EDITED'; |
| 246 } |
| 247 @media (min-width: 1px) |
| 248 *#test* { regular |
| 249 font-size: 200%; |
| 250 } |
| 251 @media (min-width: 1px) |
| 252 *#test* { regular |
| 253 } |
| 254 |
| 255 Running test: testAddRuleToMediaRuleCenter |
| 256 ==== Style sheet text ==== |
| 257 #test { |
| 258 box-sizing: border-box; |
| 259 } |
| 260 |
| 261 #test { |
| 262 /* resetting some properties */ |
| 263 line-height: 1; |
| 264 font-family: "Arial"; |
| 265 color: blue; |
| 266 display: flex; /* flex FTW! */ |
| 267 } |
| 268 |
| 269 @media (min-width: 1px) { |
| 270 #test { |
| 271 font-size: 200%; |
| 272 } |
| 273 #test { content: 'EDITED'; } |
| 274 #test { |
| 275 } |
| 276 } |
| 277 |
| 278 |
| 279 Dumping matched rules: |
| 280 *#test* { regular |
| 281 box-sizing: border-box; |
| 282 } |
| 283 *#test* { regular |
| 284 line-height: 1; |
| 285 font-family: "Arial"; |
| 286 color: blue; |
| 287 display: flex; |
| 288 } |
| 289 @media (min-width: 1px) |
| 290 *#test* { regular |
| 291 font-size: 200%; |
| 292 } |
| 293 @media (min-width: 1px) |
| 294 *#test* { regular |
| 295 content: 'EDITED'; |
| 296 } |
| 297 @media (min-width: 1px) |
| 298 *#test* { regular |
| 299 } |
| 300 |
| 301 Running test: testAddRuleToMediaRuleEnd |
| 302 ==== Style sheet text ==== |
| 303 #test { |
| 304 box-sizing: border-box; |
| 305 } |
| 306 |
| 307 #test { |
| 308 /* resetting some properties */ |
| 309 line-height: 1; |
| 310 font-family: "Arial"; |
| 311 color: blue; |
| 312 display: flex; /* flex FTW! */ |
| 313 } |
| 314 |
| 315 @media (min-width: 1px) { |
| 316 #test { |
| 317 font-size: 200%; |
| 318 } |
| 319 |
| 320 #test { |
| 321 } |
| 322 #test { content: 'EDITED'; }} |
| 323 |
| 324 |
| 325 Dumping matched rules: |
| 326 *#test* { regular |
| 327 box-sizing: border-box; |
| 328 } |
| 329 *#test* { regular |
| 330 line-height: 1; |
| 331 font-family: "Arial"; |
| 332 color: blue; |
| 333 display: flex; |
| 334 } |
| 335 @media (min-width: 1px) |
| 336 *#test* { regular |
| 337 font-size: 200%; |
| 338 } |
| 339 @media (min-width: 1px) |
| 340 *#test* { regular |
| 341 } |
| 342 @media (min-width: 1px) |
| 343 *#test* { regular |
| 344 content: 'EDITED'; |
| 345 } |
| 346 |
| 347 Running test: testInvalidRule |
| 348 Expected protocol error: SyntaxError Rule text is not valid. |
| 349 |
| 350 Running test: testAddingRuleInsideSelector |
| 351 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 352 |
| 353 Running test: testAddingRuleBeforeRuleBody |
| 354 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 355 |
| 356 Running test: testAddingRuleInsideMedia1 |
| 357 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 358 |
| 359 Running test: testAddingRuleInsideMedia2 |
| 360 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 361 |
| 362 Running test: testAddingRuleBeforeMediaBody |
| 363 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 364 |
| 365 Running test: testAddingRuleInsideStyleRule |
| 366 Expected protocol error: NotFoundError Cannot insert rule in non-media rule. |
| 367 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 441873010:
DevTools: [SSP] Implement adding new rule in user stylesheet (Closed)
Base URL: svn://svn.chromium.org/blink/trunk