third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-new-API-expected.txt

   1 Tests that InspectorCSSAgent API methods work as expected.
   2
   3 H1
   4
   5
   6 Running: test_styles
   7
   8 === Computed style property count for body ===
   9 OK
  10
  11 === Matched rules for body ===
  12 body: [user-agent] {
  13     ['display':'block'] @[undefined-undefined]
  14     ['margin-top':'8px'] @[undefined-undefined]
  15     ['margin-right':'8px'] @[undefined-undefined]
  16     ['margin-bottom':'8px'] @[undefined-undefined]
  17     ['margin-left':'8px'] @[undefined-undefined]
  18 }
  19 body: [regular, 20:0-20:4] {
  20     ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47]
  21 }
  22 body: [regular, 20:0-20:4] {
  23     ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47]
  24 }
  25 body: [regular, 9:0-9:4] {
  26     ['font-size':'12px'] @[10:4-10:20]
  27     ['foo':'bar !
  28
  29     important /* !important property not recognized by WebCore */' is-important non-parsed] @[11:4-13:66]
  30     ['height':'100% !important' is-important] @[14:4-14:28]
  31     ['colorz':'"!important"' non-parsed] @[15:4-15:25]
  32     ['important':'!important' is-important non-parsed] @[16:4-16:25]
  33     ['color':'yellow'] @[17:4-17:18]
  34     ['color':'"badcolor" ! important /* good property with strange value */' is-important non-parsed] @[18:4-18:73]
  35 }
  36 body.main1: [regular, 21:29-21:67] {
  37     ['color':'#F00BAA'] @[21:81-21:96]
  38     ['zoo':'moo /* not an !important unrecognized property */' non-parsed] @[21:96-21:149]
  39 }
  40 body.main2: [regular, 23:0-23:10] {
  41     ['background':'green /* value !important comment */ !important /* no semicolon, very !important */' is-important] @[23:11-23:106]
  42     ['background-image':'initial' is-important] @[undefined-undefined]
  43     ['background-repeat-x':'initial' is-important] @[undefined-undefined]
  44     ['background-repeat-y':'initial' is-important] @[undefined-undefined]
  45     ['background-attachment':'initial' is-important] @[undefined-undefined]
  46     ['background-position-x':'initial' is-important] @[undefined-undefined]
  47     ['background-position-y':'initial' is-important] @[undefined-undefined]
  48     ['background-origin':'initial' is-important] @[undefined-undefined]
  49     ['background-clip':'initial' is-important] @[undefined-undefined]
  50     ['background-color':'green' is-important] @[undefined-undefined]
  51     ['background-size':'initial' is-important] @[undefined-undefined]
  52 }
  53 body.mainpage: [regular, 3:0-3:13] {
  54     ['text-decoration':'none'] @[4:4-4:26]
  55     ['badproperty':'1badvalue1' non-parsed] @[5:5-5:29]
  56     ['text-decoration-line':'none'] @[undefined-undefined]
  57     ['text-decoration-style':'initial'] @[undefined-undefined]
  58     ['text-decoration-color':'initial'] @[undefined-undefined]
  59 }
  60 body.mainpage: [regular, 8:0-8:13] {
  61     ['prop1':'val1' non-parsed] @[9:4-9:16]
  62     ['prop2':'val2' non-parsed] @[10:4-10:16]
  63 }
  64
  65 === Pseudo rules for body ===
  66 PseudoId=4
  67 body::after: [regular, 26:0-26:11] {
  68     ['content':'"After body"'] @[27:4-27:26]
  69 }
  70
  71 === Inherited styles for body ===
  72 Level=1
  73 [NO STYLE]
  74 html: [user-agent] {
  75     ['display':'block'] @[undefined-undefined]
  76 }
  77 html: [regular, 4:0-4:4] {
  78     ['font-weight':'400'] @[5:4-5:21]
  79 }
  80
  81 === Inline style for body ===
  82 ['font-weight':'normal'] @[0:0-0:20]
  83 ['width':'85%'] @[0:21-0:32]
  84 ['background-image':'url(bar.png)'] @[0:33-0:63]
  85
  86 Running: test_forcedState
  87 === BODY with forced :hover ===
  88 body: [user-agent] {
  89     ['display':'block'] @[undefined-undefined]
  90     ['margin-top':'8px'] @[undefined-undefined]
  91     ['margin-right':'8px'] @[undefined-undefined]
  92     ['margin-bottom':'8px'] @[undefined-undefined]
  93     ['margin-left':'8px'] @[undefined-undefined]
  94 }
  95 body: [regular, 20:0-20:4] {
  96     ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47]
  97 }
  98 body: [regular, 20:0-20:4] {
  99     ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47]
 100 }
 101 body: [regular, 9:0-9:4] {
 102     ['font-size':'12px'] @[10:4-10:20]
 103     ['foo':'bar !
 104
 105     important /* !important property not recognized by WebCore */' is-important non-parsed] @[11:4-13:66]
 106     ['height':'100% !important' is-important] @[14:4-14:28]
 107     ['colorz':'"!important"' non-parsed] @[15:4-15:25]
 108     ['important':'!important' is-important non-parsed] @[16:4-16:25]
 109     ['color':'yellow'] @[17:4-17:18]
 110     ['color':'"badcolor" ! important /* good property with strange value */' is-important non-parsed] @[18:4-18:73]
 111 }
 112 body.main1: [regular, 21:29-21:67] {
 113     ['color':'#F00BAA'] @[21:81-21:96]
 114     ['zoo':'moo /* not an !important unrecognized property */' non-parsed] @[21:96-21:149]
 115 }
 116 body.main2: [regular, 23:0-23:10] {
 117     ['background':'green /* value !important comment */ !important /* no semicolon, very !important */' is-important] @[23:11-23:106]
 118     ['background-image':'initial' is-important] @[undefined-undefined]
 119     ['background-repeat-x':'initial' is-important] @[undefined-undefined]
 120     ['background-repeat-y':'initial' is-important] @[undefined-undefined]
 121     ['background-attachment':'initial' is-important] @[undefined-undefined]
 122     ['background-position-x':'initial' is-important] @[undefined-undefined]
 123     ['background-position-y':'initial' is-important] @[undefined-undefined]
 124     ['background-origin':'initial' is-important] @[undefined-undefined]
 125     ['background-clip':'initial' is-important] @[undefined-undefined]
 126     ['background-color':'green' is-important] @[undefined-undefined]
 127     ['background-size':'initial' is-important] @[undefined-undefined]
 128 }
 129 body.mainpage: [regular, 3:0-3:13] {
 130     ['text-decoration':'none'] @[4:4-4:26]
 131     ['badproperty':'1badvalue1' non-parsed] @[5:5-5:29]
 132     ['text-decoration-line':'none'] @[undefined-undefined]
 133     ['text-decoration-style':'initial'] @[undefined-undefined]
 134     ['text-decoration-color':'initial'] @[undefined-undefined]
 135 }
 136 body.mainpage: [regular, 8:0-8:13] {
 137     ['prop1':'val1' non-parsed] @[9:4-9:16]
 138     ['prop2':'val2' non-parsed] @[10:4-10:16]
 139 }
 140 body:hover: [regular, 13:0-13:10] {
 141     ['color':'#CDE'] @[14:2-14:14]
 142 }
 143
 144 Running: test_textNodeComputedStyles
 145
 146 === Computed style property count for TextNode ===
 147 OK
 148
 149 Running: test_tableStyles
 150
 151 === Attributes style for table ===
 152 ['width':'50%'] @[undefined-undefined]
 153
 154 === Stylesheet-for-inline-style text ===
 155
 156
 157 === Stylesheet-for-inline-style modification result ===
 158 null
 159
 160 Running: test_addRule
 161
 162 === Matched rules after rule added ===
 163 body: [user-agent] {
 164     ['display':'block'] @[undefined-undefined]
 165     ['margin-top':'8px'] @[undefined-undefined]
 166     ['margin-right':'8px'] @[undefined-undefined]
 167     ['margin-bottom':'8px'] @[undefined-undefined]
 168     ['margin-left':'8px'] @[undefined-undefined]
 169 }
 170 body: [regular, 20:0-20:4] {
 171     ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47]
 172 }
 173 body: [regular, 20:0-20:4] {
 174     ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47]
 175 }
 176 body: [regular, 9:0-9:4] {
 177     ['font-size':'12px'] @[10:4-10:20]
 178     ['foo':'bar !
 179
 180     important /* !important property not recognized by WebCore */' is-important non-parsed] @[11:4-13:66]
 181     ['height':'100% !important' is-important] @[14:4-14:28]
 182     ['colorz':'"!important"' non-parsed] @[15:4-15:25]
 183     ['important':'!important' is-important non-parsed] @[16:4-16:25]
 184     ['color':'yellow'] @[17:4-17:18]
 185     ['color':'"badcolor" ! important /* good property with strange value */' is-important non-parsed] @[18:4-18:73]
 186 }
 187 body: [inspector, 0:0-0:4] {
 188     ['font-family':'serif'] @[0:6-0:25]
 189 }
 190 body.main1: [regular, 21:29-21:67] {
 191     ['color':'#F00BAA'] @[21:81-21:96]
 192     ['zoo':'moo /* not an !important unrecognized property */' non-parsed] @[21:96-21:149]
 193 }
 194 body.main2: [regular, 23:0-23:10] {
 195     ['background':'green /* value !important comment */ !important /* no semicolon, very !important */' is-important] @[23:11-23:106]
 196     ['background-image':'initial' is-important] @[undefined-undefined]
 197     ['background-repeat-x':'initial' is-important] @[undefined-undefined]
 198     ['background-repeat-y':'initial' is-important] @[undefined-undefined]
 199     ['background-attachment':'initial' is-important] @[undefined-undefined]
 200     ['background-position-x':'initial' is-important] @[undefined-undefined]
 201     ['background-position-y':'initial' is-important] @[undefined-undefined]
 202     ['background-origin':'initial' is-important] @[undefined-undefined]
 203     ['background-clip':'initial' is-important] @[undefined-undefined]
 204     ['background-color':'green' is-important] @[undefined-undefined]
 205     ['background-size':'initial' is-important] @[undefined-undefined]
 206 }
 207 body.mainpage: [regular, 3:0-3:13] {
 208     ['text-decoration':'none'] @[4:4-4:26]
 209     ['badproperty':'1badvalue1' non-parsed] @[5:5-5:29]
 210     ['text-decoration-line':'none'] @[undefined-undefined]
 211     ['text-decoration-style':'initial'] @[undefined-undefined]
 212     ['text-decoration-color':'initial'] @[undefined-undefined]
 213 }
 214 body.mainpage: [regular, 8:0-8:13] {
 215     ['prop1':'val1' non-parsed] @[9:4-9:16]
 216     ['prop2':'val2' non-parsed] @[10:4-10:16]
 217 }
 218 body:hover: [regular, 13:0-13:10] {
 219     ['color':'#CDE'] @[14:2-14:14]
 220 }
 221