LayoutTests/inspector/styles/styles-new-API-expected.txt

   1 Tests that InspectorCSSAgent API methods work as expected.
   2
   3 H1
   4
   5
   6 === Computed style property count for body ===
   7 OK
   8
   9 === Matched rules for body ===
  10
  11 rule
  12 body: [user-agent]
  13 ['display':'block'] @[undefined-undefined] style
  14 ['margin-top':'8px'] @[undefined-undefined] style
  15 ['margin-right':'8px'] @[undefined-undefined] style
  16 ['margin-bottom':'8px'] @[undefined-undefined] style
  17 ['margin-left':'8px'] @[undefined-undefined] style
  18
  19 rule
  20 body: [regular]
  21 ['property':'imported-media-screen-stylesheet' non-parsed] @[5-48] active
  22
  23 rule
  24 body: [regular]
  25 ['property':'imported-media-screen-stylesheet' non-parsed] @[5-48] active
  26
  27 rule
  28 body: [regular]
  29 ['font-size':'12px'] @[5-21] active
  30 ['foo':'bar !
  31
  32     important /* !important property not recognized by WebCore */' is-important non-parsed] @[26-104] active
  33 ['height':'100% !important' is-important] @[109-133] active
  34 ['colorz':'"!important"' non-parsed] @[138-159] active
  35 ['important':'!important' non-parsed] @[164-185] active
  36 ['color':'yellow'] @[190-204] active
  37 ['color':'"badcolor" ! important /* good property with strange value */' is-important non-parsed] @[209-278] active
  38
  39 rule
  40 body.main1: [regular]
  41 ['color':'#F00BAA'] @[13-28] active
  42 ['zoo':'moo /* not an !important unrecognized property */' non-parsed] @[28-81] active
  43
  44 rule
  45 body.main2: [regular]
  46 ['background':'green /* value !important comment */ !important /* no semicolon, very !important */' is-important] @[0-95] active
  47 ['background-image':'initial' is-important] @[undefined-undefined] style
  48 ['background-repeat-x':'initial' is-important] @[undefined-undefined] style
  49 ['background-repeat-y':'initial' is-important] @[undefined-undefined] style
  50 ['background-attachment':'initial' is-important] @[undefined-undefined] style
  51 ['background-position-x':'initial' is-important] @[undefined-undefined] style
  52 ['background-position-y':'initial' is-important] @[undefined-undefined] style
  53 ['background-origin':'initial' is-important] @[undefined-undefined] style
  54 ['background-clip':'initial' is-important] @[undefined-undefined] style
  55 ['background-color':'green' is-important] @[undefined-undefined] style
  56 ['background-size':'initial' is-important] @[undefined-undefined] style
  57
  58 rule
  59 body.mainpage: [regular]
  60 ['text-decoration':'none'] @[5-27] active
  61 ['badproperty':'1badvalue1' non-parsed] @[108-132] active
  62
  63 rule
  64 body.mainpage: [regular]
  65 ['prop1':'val1' non-parsed] @[5-17] active
  66 ['prop2':'val2' non-parsed] @[22-34] active
  67
  68 === Pseudo rules for body ===
  69 PseudoId=4
  70
  71 rule
  72 body::after: [regular]
  73 ['content':'"After body"'] @[5-27] active
  74
  75 === Inherited styles for body ===
  76 Level=1
  77
  78 rule
  79 html: [user-agent]
  80 ['display':'block'] @[undefined-undefined] style
  81
  82 rule
  83 html: [regular]
  84 ['font-weight':'400'] @[5-22] active
  85
  86 === Inline style for body ===
  87
  88 style
  89 raw style
  90 ['font-weight':'normal'] @[0-20] active
  91 ['width':'85%'] @[21-32] active
  92 ['background-image':'url(bar.png)'] @[33-63] active
  93
  94 === Attributes style for table ===
  95
  96 style
  97 raw style
  98 ['width':'50%'] @[undefined-undefined] style
  99
 100 === All stylesheets ===
 101
 102 StyleSheet: '@import url("styles-new-API-1.css");
 103
 104 html {
 105     font-weight: 400;
 106 }
 107
 108 @media screen {
 109 body {
 110     font-size: 12px;
 111     foo: bar !
 112
 113     important /* !important property not recognized by WebCore */;
 114     height: 100% !important;
 115     colorz: "!important";
 116     important:!important;
 117     color: yellow;
 118     color: "badcolor" ! important /* good property with strange value */;
 119 }
 120
 121 /* comment before selector */body.main1/* comment after selector */{/* comment */color: #F00BAA;zoo:moo /* not an !important unrecognized property */}/* comment */
 122
 123 body.main2{background: green /* value !important comment */ !important /* no semicolon, very !important */}
 124 }
 125
 126 body::after  {
 127     content: "After body";
 128 }
 129
 130 h1 {
 131     height : 100% ; border: 1px solid; border-width: 2px; background-color : #33FF33; googles: abra; foo: .bar; -moz-goog: 1***; border-width: 0px;
 132 }
 133 '
 134
 135 rule
 136 html: [regular]
 137 ['font-weight':'400'] @[5-22] active
 138
 139 rule
 140 body: [regular]
 141 ['font-size':'12px'] @[5-21] active
 142 ['foo':'bar !
 143
 144     important /* !important property not recognized by WebCore */' is-important non-parsed] @[26-104] active
 145 ['height':'100% !important' is-important] @[109-133] active
 146 ['colorz':'"!important"' non-parsed] @[138-159] active
 147 ['important':'!important' non-parsed] @[164-185] active
 148 ['color':'yellow'] @[190-204] active
 149 ['color':'"badcolor" ! important /* good property with strange value */' is-important non-parsed] @[209-278] active
 150
 151 rule
 152 body.main1: [regular]
 153 ['color':'#F00BAA'] @[13-28] active
 154 ['zoo':'moo /* not an !important unrecognized property */' non-parsed] @[28-81] active
 155
 156 rule
 157 body.main2: [regular]
 158 ['background':'green /* value !important comment */ !important /* no semicolon, very !important */' is-important] @[0-95] active
 159 ['background-image':'initial' is-important] @[undefined-undefined] style
 160 ['background-repeat-x':'initial' is-important] @[undefined-undefined] style
 161 ['background-repeat-y':'initial' is-important] @[undefined-undefined] style
 162 ['background-attachment':'initial' is-important] @[undefined-undefined] style
 163 ['background-position-x':'initial' is-important] @[undefined-undefined] style
 164 ['background-position-y':'initial' is-important] @[undefined-undefined] style
 165 ['background-origin':'initial' is-important] @[undefined-undefined] style
 166 ['background-clip':'initial' is-important] @[undefined-undefined] style
 167 ['background-color':'green' is-important] @[undefined-undefined] style
 168 ['background-size':'initial' is-important] @[undefined-undefined] style
 169
 170 rule
 171 body::after: [regular]
 172 ['content':'"After body"'] @[5-27] active
 173
 174 rule
 175 h1: [regular]
 176 ['height':'100%'] @[5-20] active
 177 ['border':'1px solid'] @[21-39] active
 178 ['border-width':'2px'] @[40-58] inactive
 179 ['background-color':'#33FF33'] @[59-86] active
 180 ['googles':'abra' non-parsed] @[87-101] active
 181 ['foo':'.bar' non-parsed] @[102-112] active
 182 ['-moz-goog':'1***' non-parsed] @[113-129] active
 183 ['border-width':'0px'] @[130-148] active
 184 ['border-top-style':'solid'] @[undefined-undefined] style
 185 ['border-right-style':'solid'] @[undefined-undefined] style
 186 ['border-bottom-style':'solid'] @[undefined-undefined] style
 187 ['border-left-style':'solid'] @[undefined-undefined] style
 188 ['border-top-color':'initial'] @[undefined-undefined] style
 189 ['border-right-color':'initial'] @[undefined-undefined] style
 190 ['border-bottom-color':'initial'] @[undefined-undefined] style
 191 ['border-left-color':'initial'] @[undefined-undefined] style
 192 ['border-image':'initial'] @[undefined-undefined] style
 193 ['border-top-width':'0px'] @[undefined-undefined] style
 194 ['border-right-width':'0px'] @[undefined-undefined] style
 195 ['border-bottom-width':'0px'] @[undefined-undefined] style
 196 ['border-left-width':'0px'] @[undefined-undefined] style
 197
 198 StyleSheet: '@import url(styles-new-API-2.css);
 199
 200 @page { margin: 2cm } /* All margins set to 2cm */
 201
 202 @page :first {
 203   margin-top: 10cm    /* Top margin on first page 10cm */
 204 }
 205
 206 @media screen {
 207
 208 #absent-id {
 209 }
 210
 211 @font-face {
 212     font-family: 'TheFont';
 213     src: url('font.url');
 214     font-weight: normal;
 215     font-style: normal;
 216 }
 217
 218 body {
 219     property: imported-media-screen-stylesheet;
 220 }
 221
 222 }
 223 '
 224
 225 rule
 226 #absent-id: [regular]
 227
 228 rule
 229 body: [regular]
 230 ['property':'imported-media-screen-stylesheet' non-parsed] @[5-48] active
 231
 232 StyleSheet: '@import url(styles-new-API-1.css);
 233
 234 @page { margin: 2cm } /* All margins set to 2cm */
 235
 236 @page :first {
 237   margin-top: 10cm    /* Top margin on first page 10cm */
 238 }
 239
 240 @media screen {
 241
 242 #absent-id {
 243 }
 244
 245 @font-face {
 246     font-family: 'TheFont';
 247     src: url('font.url');
 248     font-weight: normal;
 249     font-style: normal;
 250 }
 251
 252 body {
 253     property: imported-media-screen-stylesheet;
 254 }
 255
 256 }
 257 '
 258
 259 rule
 260 #absent-id: [regular]
 261
 262 rule
 263 body: [regular]
 264 ['property':'imported-media-screen-stylesheet' non-parsed] @[5-48] active
 265
 266 StyleSheet: '
 267
 268 /* An inline stylesheet */
 269 body.mainpage {
 270     text-decoration: none; /* at least one valid property is necessary for WebCore to match a rule */
 271     ;badproperty: 1badvalue1;
 272 }
 273
 274 body.mainpage {
 275     prop1: val1;
 276     prop2: val2;
 277 }
 278
 279 '
 280
 281 rule
 282 body.mainpage: [regular]
 283 ['text-decoration':'none'] @[5-27] active
 284 ['badproperty':'1badvalue1' non-parsed] @[108-132] active
 285
 286 rule
 287 body.mainpage: [regular]
 288 ['prop1':'val1' non-parsed] @[5-17] active
 289 ['prop2':'val2' non-parsed] @[22-34] active
 290
 291 === Last stylesheet patched ===
 292
 293 StyleSheet: 'body.mainpage {    text-decoration: strikethrough;    badproperty: 2badvalue2;}body {    text-align: justify;}'
 294
 295 rule
 296 body.mainpage: [regular]
 297 ['text-decoration':'strikethrough' non-parsed] @[4-35] active
 298 ['badproperty':'2badvalue2' non-parsed] @[39-63] active
 299
 300 rule
 301 body: [regular]
 302 ['text-align':'justify'] @[4-24] active
 303
 304 === After selector set ===
 305
 306 StyleSheet: 'html *, body[foo="bar"] {    text-decoration: strikethrough;    badproperty: 2badvalue2;}body {    text-align: justify;}'
 307
 308 rule
 309 html *, body[foo="bar"]: [regular]
 310 ['text-decoration':'strikethrough' non-parsed] @[4-35] active
 311 ['badproperty':'2badvalue2' non-parsed] @[39-63] active
 312
 313 rule
 314 body: [regular]
 315 ['text-align':'justify'] @[4-24] active
 316
 317 === After style text set ===
 318
 319 StyleSheet: 'html *, body[foo="bar"] {
 320     color: white; background: black;
 321 }body {    text-align: justify;}'
 322
 323 rule
 324 html *, body[foo="bar"]: [regular]
 325 ['color':'white'] @[5-18] active
 326 ['background':'black'] @[19-37] active
 327 ['background-image':'initial'] @[undefined-undefined] style
 328 ['background-repeat-x':'initial'] @[undefined-undefined] style
 329 ['background-repeat-y':'initial'] @[undefined-undefined] style
 330 ['background-attachment':'initial'] @[undefined-undefined] style
 331 ['background-position-x':'initial'] @[undefined-undefined] style
 332 ['background-position-y':'initial'] @[undefined-undefined] style
 333 ['background-origin':'initial'] @[undefined-undefined] style
 334 ['background-clip':'initial'] @[undefined-undefined] style
 335 ['background-color':'black'] @[undefined-undefined] style
 336 ['background-size':'initial'] @[undefined-undefined] style
 337
 338 rule
 339 body: [regular]
 340 ['text-align':'justify'] @[4-24] active
 341
 342 === Matched rules after rule added ===
 343
 344 rule
 345 body: [user-agent]
 346 ['display':'block'] @[undefined-undefined] style
 347 ['margin-top':'8px'] @[undefined-undefined] style
 348 ['margin-right':'8px'] @[undefined-undefined] style
 349 ['margin-bottom':'8px'] @[undefined-undefined] style
 350 ['margin-left':'8px'] @[undefined-undefined] style
 351
 352 rule
 353 body: [regular]
 354 ['property':'imported-media-screen-stylesheet' non-parsed] @[5-48] active
 355
 356 rule
 357 body: [regular]
 358 ['property':'imported-media-screen-stylesheet' non-parsed] @[5-48] active
 359
 360 rule
 361 body: [regular]
 362 ['font-size':'12px'] @[5-21] active
 363 ['foo':'bar !
 364
 365     important /* !important property not recognized by WebCore */' is-important non-parsed] @[26-104] active
 366 ['height':'100% !important' is-important] @[109-133] active
 367 ['colorz':'"!important"' non-parsed] @[138-159] active
 368 ['important':'!important' non-parsed] @[164-185] active
 369 ['color':'yellow'] @[190-204] active
 370 ['color':'"badcolor" ! important /* good property with strange value */' is-important non-parsed] @[209-278] active
 371
 372 rule
 373 html *, body[foo="bar"]: [regular]
 374 ['color':'white'] @[5-18] active
 375 ['background':'black'] @[19-37] active
 376 ['background-image':'initial'] @[undefined-undefined] style
 377 ['background-repeat-x':'initial'] @[undefined-undefined] style
 378 ['background-repeat-y':'initial'] @[undefined-undefined] style
 379 ['background-attachment':'initial'] @[undefined-undefined] style
 380 ['background-position-x':'initial'] @[undefined-undefined] style
 381 ['background-position-y':'initial'] @[undefined-undefined] style
 382 ['background-origin':'initial'] @[undefined-undefined] style
 383 ['background-clip':'initial'] @[undefined-undefined] style
 384 ['background-color':'black'] @[undefined-undefined] style
 385 ['background-size':'initial'] @[undefined-undefined] style
 386
 387 rule
 388 body: [regular]
 389 ['text-align':'justify'] @[4-24] active
 390
 391 rule
 392 body: [inspector]
 393 ['font-family':'serif'] @[5-24] active
 394
 395 rule
 396 body.main1: [regular]
 397 ['color':'#F00BAA'] @[13-28] active
 398 ['zoo':'moo /* not an !important unrecognized property */' non-parsed] @[28-81] active
 399
 400 rule
 401 body.main2: [regular]
 402 ['background':'green /* value !important comment */ !important /* no semicolon, very !important */' is-important] @[0-95] active
 403 ['background-image':'initial' is-important] @[undefined-undefined] style
 404 ['background-repeat-x':'initial' is-important] @[undefined-undefined] style
 405 ['background-repeat-y':'initial' is-important] @[undefined-undefined] style
 406 ['background-attachment':'initial' is-important] @[undefined-undefined] style
 407 ['background-position-x':'initial' is-important] @[undefined-undefined] style
 408 ['background-position-y':'initial' is-important] @[undefined-undefined] style
 409 ['background-origin':'initial' is-important] @[undefined-undefined] style
 410 ['background-clip':'initial' is-important] @[undefined-undefined] style
 411 ['background-color':'green' is-important] @[undefined-undefined] style
 412 ['background-size':'initial' is-important] @[undefined-undefined] style
 413
 414 === After property manipulations ===
 415
 416 style
 417 raw style
 418 [text='height : 100% ;'] disabled
 419 ['border':'1px solid'] @[1-19] active
 420 ['border-width':'2px'] @[20-38] inactive
 421 ['googles':'abra' non-parsed] @[40-54] active
 422 ['foo':'.bar' non-parsed] @[55-65] active
 423 ['-moz-goog':'1***' non-parsed] @[66-82] active
 424 ['font-size':'12px'] @[88-104] active
 425 ['border-width':'1px'] @[109-127] active
 426 [text='font-size: 14px;'] disabled
 427 ['border-top-width':'1px'] @[undefined-undefined] style
 428 ['border-right-width':'1px'] @[undefined-undefined] style
 429 ['border-bottom-width':'1px'] @[undefined-undefined] style
 430 ['border-left-width':'1px'] @[undefined-undefined] style
 431 ['border-top-style':'solid'] @[undefined-undefined] style
 432 ['border-right-style':'solid'] @[undefined-undefined] style
 433 ['border-bottom-style':'solid'] @[undefined-undefined] style
 434 ['border-left-style':'solid'] @[undefined-undefined] style
 435 ['border-top-color':'initial'] @[undefined-undefined] style
 436 ['border-right-color':'initial'] @[undefined-undefined] style
 437 ['border-bottom-color':'initial'] @[undefined-undefined] style
 438 ['border-left-color':'initial'] @[undefined-undefined] style
 439 ['border-image':'initial'] @[undefined-undefined] style
 440
 441 === After property enabled ===
 442
 443 style
 444 raw style
 445 [text='height : 100% ;'] disabled
 446 ['border':'1px solid'] @[1-19] active
 447 ['border-width':'2px'] @[20-38] inactive
 448 ['googles':'abra' non-parsed] @[40-54] active
 449 ['foo':'.bar' non-parsed] @[55-65] active
 450 ['-moz-goog':'1***' non-parsed] @[66-82] active
 451 ['font-size':'12px'] @[88-104] inactive
 452 ['border-width':'1px'] @[109-127] active
 453 ['font-size':'14px'] @[132-148] active
 454 ['border-top-width':'1px'] @[undefined-undefined] style
 455 ['border-right-width':'1px'] @[undefined-undefined] style
 456 ['border-bottom-width':'1px'] @[undefined-undefined] style
 457 ['border-left-width':'1px'] @[undefined-undefined] style
 458 ['border-top-style':'solid'] @[undefined-undefined] style
 459 ['border-right-style':'solid'] @[undefined-undefined] style
 460 ['border-bottom-style':'solid'] @[undefined-undefined] style
 461 ['border-left-style':'solid'] @[undefined-undefined] style
 462 ['border-top-color':'initial'] @[undefined-undefined] style
 463 ['border-right-color':'initial'] @[undefined-undefined] style
 464 ['border-bottom-color':'initial'] @[undefined-undefined] style
 465 ['border-left-color':'initial'] @[undefined-undefined] style
 466 ['border-image':'initial'] @[undefined-undefined] style
 467