| 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: testAddRuleWithFormatting |
| 210 ==== Style sheet text ==== |
| 211 #test { |
| 212 box-sizing: border-box; |
| 213 } |
| 214 |
| 215 #test{ |
| 216 content: 'EDITED'; |
| 217 } |
| 218 |
| 219 #test { |
| 220 /* resetting some properties */ |
| 221 line-height: 1; |
| 222 font-family: "Arial"; |
| 223 color: blue; |
| 224 display: flex; /* flex FTW! */ |
| 225 } |
| 226 |
| 227 @media (min-width: 1px) { |
| 228 #test { |
| 229 font-size: 200%; |
| 230 } |
| 231 |
| 232 #test { |
| 233 } |
| 234 } |
| 235 |
| 236 |
| 237 Dumping matched rules: |
| 238 *#test* { regular |
| 239 box-sizing: border-box; |
| 240 } |
| 241 *#test* { regular |
| 242 content: 'EDITED'; |
| 243 } |
| 244 *#test* { regular |
| 245 line-height: 1; |
| 246 font-family: "Arial"; |
| 247 color: blue; |
| 248 display: flex; |
| 249 } |
| 250 @media (min-width: 1px) |
| 251 *#test* { regular |
| 252 font-size: 200%; |
| 253 } |
| 254 @media (min-width: 1px) |
| 255 *#test* { regular |
| 256 } |
| 257 |
| 258 Running test: testAddRuleToMediaRuleBeginning |
| 259 ==== Style sheet text ==== |
| 260 #test { |
| 261 box-sizing: border-box; |
| 262 } |
| 263 |
| 264 #test { |
| 265 /* resetting some properties */ |
| 266 line-height: 1; |
| 267 font-family: "Arial"; |
| 268 color: blue; |
| 269 display: flex; /* flex FTW! */ |
| 270 } |
| 271 |
| 272 @media (min-width: 1px) {#test { content: 'EDITED'; } |
| 273 #test { |
| 274 font-size: 200%; |
| 275 } |
| 276 |
| 277 #test { |
| 278 } |
| 279 } |
| 280 |
| 281 |
| 282 Dumping matched rules: |
| 283 *#test* { regular |
| 284 box-sizing: border-box; |
| 285 } |
| 286 *#test* { regular |
| 287 line-height: 1; |
| 288 font-family: "Arial"; |
| 289 color: blue; |
| 290 display: flex; |
| 291 } |
| 292 @media (min-width: 1px) |
| 293 *#test* { regular |
| 294 content: 'EDITED'; |
| 295 } |
| 296 @media (min-width: 1px) |
| 297 *#test* { regular |
| 298 font-size: 200%; |
| 299 } |
| 300 @media (min-width: 1px) |
| 301 *#test* { regular |
| 302 } |
| 303 |
| 304 Running test: testAddRuleToMediaRuleCenter |
| 305 ==== Style sheet text ==== |
| 306 #test { |
| 307 box-sizing: border-box; |
| 308 } |
| 309 |
| 310 #test { |
| 311 /* resetting some properties */ |
| 312 line-height: 1; |
| 313 font-family: "Arial"; |
| 314 color: blue; |
| 315 display: flex; /* flex FTW! */ |
| 316 } |
| 317 |
| 318 @media (min-width: 1px) { |
| 319 #test { |
| 320 font-size: 200%; |
| 321 } |
| 322 #test { content: 'EDITED'; } |
| 323 #test { |
| 324 } |
| 325 } |
| 326 |
| 327 |
| 328 Dumping matched rules: |
| 329 *#test* { regular |
| 330 box-sizing: border-box; |
| 331 } |
| 332 *#test* { regular |
| 333 line-height: 1; |
| 334 font-family: "Arial"; |
| 335 color: blue; |
| 336 display: flex; |
| 337 } |
| 338 @media (min-width: 1px) |
| 339 *#test* { regular |
| 340 font-size: 200%; |
| 341 } |
| 342 @media (min-width: 1px) |
| 343 *#test* { regular |
| 344 content: 'EDITED'; |
| 345 } |
| 346 @media (min-width: 1px) |
| 347 *#test* { regular |
| 348 } |
| 349 |
| 350 Running test: testAddRuleToMediaRuleEnd |
| 351 ==== Style sheet text ==== |
| 352 #test { |
| 353 box-sizing: border-box; |
| 354 } |
| 355 |
| 356 #test { |
| 357 /* resetting some properties */ |
| 358 line-height: 1; |
| 359 font-family: "Arial"; |
| 360 color: blue; |
| 361 display: flex; /* flex FTW! */ |
| 362 } |
| 363 |
| 364 @media (min-width: 1px) { |
| 365 #test { |
| 366 font-size: 200%; |
| 367 } |
| 368 |
| 369 #test { |
| 370 } |
| 371 #test { content: 'EDITED'; }} |
| 372 |
| 373 |
| 374 Dumping matched rules: |
| 375 *#test* { regular |
| 376 box-sizing: border-box; |
| 377 } |
| 378 *#test* { regular |
| 379 line-height: 1; |
| 380 font-family: "Arial"; |
| 381 color: blue; |
| 382 display: flex; |
| 383 } |
| 384 @media (min-width: 1px) |
| 385 *#test* { regular |
| 386 font-size: 200%; |
| 387 } |
| 388 @media (min-width: 1px) |
| 389 *#test* { regular |
| 390 } |
| 391 @media (min-width: 1px) |
| 392 *#test* { regular |
| 393 content: 'EDITED'; |
| 394 } |
| 395 |
| 396 Running test: testInvalidRule |
| 397 Expected protocol error: SyntaxError Rule text is not valid. |
| 398 |
| 399 Running test: testAddingRuleInsideSelector |
| 400 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 401 |
| 402 Running test: testAddingRuleBeforeRuleBody |
| 403 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 404 |
| 405 Running test: testAddingRuleInsideMedia1 |
| 406 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 407 |
| 408 Running test: testAddingRuleInsideMedia2 |
| 409 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 410 |
| 411 Running test: testAddingRuleBeforeMediaBody |
| 412 Expected protocol error: NotFoundError Cannot insert rule inside rule selector. |
| 413 |
| 414 Running test: testAddingRuleInsideStyleRule |
| 415 Expected protocol error: NotFoundError Cannot insert rule in non-media rule. |
| 416 |
| 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