2010-11-22 Alexander Pavlov <apavlov@chromium.org>
[WebKit-https.git] / LayoutTests / inspector / 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: []
21 ['property':'imported-media-screen-stylesheet' non-parsed] @[5-48] active
22
23 rule
24 body: []
25 ['font-size':'12px'] @[5-21] active
26 ['foo':'bar !
27
28     important /* !important property not recognized by WebCore */' is-important non-parsed] @[26-104] active
29 ['height':'100% !important' is-important] @[109-133] active
30 ['colorz':'"!important"' non-parsed] @[138-159] active
31 ['important':'!important' non-parsed] @[164-185] active
32 ['color':'"badcolor" ! important /* good property with strange value */' is-important] @[190-259] active
33
34 rule
35 body.main1: []
36 ['color':'#F00BAA'] @[13-28] active
37 ['zoo':'moo /* not an !important unrecognized property */' non-parsed] @[28-81] active
38
39 rule
40 body.main2: []
41 ['background':'green /* value !important comment */ !important /* no semicolon, very !important */' is-important] @[0-95] active
42 ['background-image':'initial' is-important] @[undefined-undefined] style
43 ['background-repeat-x':'initial' is-important] @[undefined-undefined] style
44 ['background-repeat-y':'initial' is-important] @[undefined-undefined] style
45 ['background-attachment':'initial' is-important] @[undefined-undefined] style
46 ['background-position-x':'initial' is-important] @[undefined-undefined] style
47 ['background-position-y':'initial' is-important] @[undefined-undefined] style
48 ['background-origin':'initial' is-important] @[undefined-undefined] style
49 ['background-clip':'initial' is-important] @[undefined-undefined] style
50 ['background-color':'green' is-important] @[undefined-undefined] style
51
52 rule
53 body.mainpage: []
54 ['text-decoration':'none'] @[5-27] active
55 ['badproperty':'1badvalue1' non-parsed] @[107-131] active
56
57 === Pseudo rules for body ===
58 PseudoId=4
59
60 rule
61 body::after: []
62 ['content':'"After body"'] @[5-27] active
63
64 === Inherited styles for body ===
65 Level=1
66
67 rule
68 html: [user-agent]
69 ['display':'block'] @[undefined-undefined] style
70
71 rule
72 html: []
73 ['font-weight':'400'] @[5-22] active
74
75 === Inline style for body ===
76
77 style
78 raw style
79 ['font-weight':'normal'] @[0-20] active
80 ['width':'85%'] @[21-31] active
81
82 === Attribute styles for table ===
83 Attribute: width
84
85 style
86 raw style
87 ['width':'50%'] @[undefined-undefined] style
88
89 === All stylesheets ===
90
91 StyleSheet: '@import url("styles-new-API-1.css");
92
93 html {
94     font-weight: 400;
95 }
96
97 @media screen {
98 body {
99     font-size: 12px;
100     foo: bar !
101
102     important /* !important property not recognized by WebCore */;
103     height: 100% !important;
104     colorz: "!important";
105     important:!important;
106     color: "badcolor" ! important /* good property with strange value */;
107 }
108
109 /* comment before selector */body.main1/* comment after selector */{/* comment */color: #F00BAA;zoo:moo /* not an !important unrecognized property */}/* comment */
110
111 body.main2{background: green /* value !important comment */ !important /* no semicolon, very !important */}
112 }
113
114 body::after  {
115     content: "After body";
116 }
117
118 h1 {
119     height : 100% ; border: 1px solid; border-width: 2px; background-color : #33FF33; googles: abra; foo: .bar; -moz-goog: 1***; border-width: 0px;
120 }
121 '
122
123 rule
124 html: []
125 ['font-weight':'400'] @[5-22] active
126
127 rule
128 body: []
129 ['font-size':'12px'] @[5-21] active
130 ['foo':'bar !
131
132     important /* !important property not recognized by WebCore */' is-important non-parsed] @[26-104] active
133 ['height':'100% !important' is-important] @[109-133] active
134 ['colorz':'"!important"' non-parsed] @[138-159] active
135 ['important':'!important' non-parsed] @[164-185] active
136 ['color':'"badcolor" ! important /* good property with strange value */' is-important] @[190-259] active
137
138 rule
139 body.main1: []
140 ['color':'#F00BAA'] @[13-28] active
141 ['zoo':'moo /* not an !important unrecognized property */' non-parsed] @[28-81] active
142
143 rule
144 body.main2: []
145 ['background':'green /* value !important comment */ !important /* no semicolon, very !important */' is-important] @[0-95] active
146 ['background-image':'initial' is-important] @[undefined-undefined] style
147 ['background-repeat-x':'initial' is-important] @[undefined-undefined] style
148 ['background-repeat-y':'initial' is-important] @[undefined-undefined] style
149 ['background-attachment':'initial' is-important] @[undefined-undefined] style
150 ['background-position-x':'initial' is-important] @[undefined-undefined] style
151 ['background-position-y':'initial' is-important] @[undefined-undefined] style
152 ['background-origin':'initial' is-important] @[undefined-undefined] style
153 ['background-clip':'initial' is-important] @[undefined-undefined] style
154 ['background-color':'green' is-important] @[undefined-undefined] style
155
156 rule
157 body::after: []
158 ['content':'"After body"'] @[5-27] active
159
160 rule
161 h1: []
162 ['height':'100%'] @[5-20] active
163 ['border':'1px solid'] @[21-39] active
164 ['border-width':'2px'] @[40-58] inactive
165 ['background-color':'#33FF33'] @[59-86] active
166 ['googles':'abra' non-parsed] @[87-101] active
167 ['foo':'.bar' non-parsed] @[102-112] active
168 ['-moz-goog':'1***' non-parsed] @[113-129] active
169 ['border-width':'0px'] @[130-148] active
170 ['border-top-style':'solid'] @[undefined-undefined] style
171 ['border-right-style':'solid'] @[undefined-undefined] style
172 ['border-bottom-style':'solid'] @[undefined-undefined] style
173 ['border-left-style':'solid'] @[undefined-undefined] style
174 ['border-color':'initial'] @[undefined-undefined] style
175 ['border-top-width':'0px'] @[undefined-undefined] style
176 ['border-right-width':'0px'] @[undefined-undefined] style
177 ['border-bottom-width':'0px'] @[undefined-undefined] style
178 ['border-left-width':'0px'] @[undefined-undefined] style
179
180 StyleSheet: '
181
182 /* An inline stylesheet */
183 body.mainpage {
184     text-decoration: none; /* at least one valid property is necessary for WebCore to match a rule */
185     badproperty: 1badvalue1;
186 }
187
188 '
189
190 rule
191 body.mainpage: []
192 ['text-decoration':'none'] @[5-27] active
193 ['badproperty':'1badvalue1' non-parsed] @[107-131] active
194
195 === Last stylesheet patched ===
196
197 StyleSheet: 'body.mainpage {    text-decoration: strikethrough;    badproperty: 2badvalue2;}body {    text-align: justify;}'
198
199 rule
200 body.mainpage: []
201 ['text-decoration':'strikethrough'] @[4-35] active
202 ['badproperty':'2badvalue2' non-parsed] @[39-63] active
203
204 rule
205 body: []
206 ['text-align':'justify'] @[4-24] active
207
208 === After selector set ===
209
210 StyleSheet: 'html *, body[foo="bar"] {    text-decoration: strikethrough;    badproperty: 2badvalue2;}body {    text-align: justify;}'
211
212 rule
213 html *, body[foo="bar"]: []
214 ['text-decoration':'strikethrough'] @[4-35] active
215 ['badproperty':'2badvalue2' non-parsed] @[39-63] active
216
217 rule
218 body: []
219 ['text-align':'justify'] @[4-24] active
220
221 === After style text set ===
222
223 StyleSheet: 'html *, body[foo="bar"] {        color: white; background: black;}body {    text-align: justify;}'
224
225 rule
226 html *, body[foo="bar"]: []
227 ['color':'white'] @[8-21] active
228 ['background':'black'] @[22-40] active
229 ['background-image':'initial'] @[undefined-undefined] style
230 ['background-repeat-x':'initial'] @[undefined-undefined] style
231 ['background-repeat-y':'initial'] @[undefined-undefined] style
232 ['background-attachment':'initial'] @[undefined-undefined] style
233 ['background-position-x':'initial'] @[undefined-undefined] style
234 ['background-position-y':'initial'] @[undefined-undefined] style
235 ['background-origin':'initial'] @[undefined-undefined] style
236 ['background-clip':'initial'] @[undefined-undefined] style
237 ['background-color':'black'] @[undefined-undefined] style
238
239 rule
240 body: []
241 ['text-align':'justify'] @[4-24] active
242
243 === Matched rules after rule added ===
244
245 rule
246 body: [user-agent]
247 ['display':'block'] @[undefined-undefined] style
248 ['margin-top':'8px'] @[undefined-undefined] style
249 ['margin-right':'8px'] @[undefined-undefined] style
250 ['margin-bottom':'8px'] @[undefined-undefined] style
251 ['margin-left':'8px'] @[undefined-undefined] style
252
253 rule
254 body: []
255 ['property':'imported-media-screen-stylesheet' non-parsed] @[5-48] active
256
257 rule
258 body: []
259 ['font-size':'12px'] @[5-21] active
260 ['foo':'bar !
261
262     important /* !important property not recognized by WebCore */' is-important non-parsed] @[26-104] active
263 ['height':'100% !important' is-important] @[109-133] active
264 ['colorz':'"!important"' non-parsed] @[138-159] active
265 ['important':'!important' non-parsed] @[164-185] active
266 ['color':'"badcolor" ! important /* good property with strange value */' is-important] @[190-259] active
267
268 rule
269 html *, body[foo="bar"]: []
270 ['color':'white'] @[8-21] active
271 ['background':'black'] @[22-40] active
272 ['background-image':'initial'] @[undefined-undefined] style
273 ['background-repeat-x':'initial'] @[undefined-undefined] style
274 ['background-repeat-y':'initial'] @[undefined-undefined] style
275 ['background-attachment':'initial'] @[undefined-undefined] style
276 ['background-position-x':'initial'] @[undefined-undefined] style
277 ['background-position-y':'initial'] @[undefined-undefined] style
278 ['background-origin':'initial'] @[undefined-undefined] style
279 ['background-clip':'initial'] @[undefined-undefined] style
280 ['background-color':'black'] @[undefined-undefined] style
281
282 rule
283 body: []
284 ['text-align':'justify'] @[4-24] active
285
286 rule
287 body: [inspector]
288 ['font-family':'serif'] @[0-19] active
289
290 rule
291 body.main1: []
292 ['color':'#F00BAA'] @[13-28] active
293 ['zoo':'moo /* not an !important unrecognized property */' non-parsed] @[28-81] active
294
295 rule
296 body.main2: []
297 ['background':'green /* value !important comment */ !important /* no semicolon, very !important */' is-important] @[0-95] active
298 ['background-image':'initial' is-important] @[undefined-undefined] style
299 ['background-repeat-x':'initial' is-important] @[undefined-undefined] style
300 ['background-repeat-y':'initial' is-important] @[undefined-undefined] style
301 ['background-attachment':'initial' is-important] @[undefined-undefined] style
302 ['background-position-x':'initial' is-important] @[undefined-undefined] style
303 ['background-position-y':'initial' is-important] @[undefined-undefined] style
304 ['background-origin':'initial' is-important] @[undefined-undefined] style
305 ['background-clip':'initial' is-important] @[undefined-undefined] style
306 ['background-color':'green' is-important] @[undefined-undefined] style
307
308 === After two properties disabled, one property added, one property removed ===
309
310 style
311 raw style
312 [text='height : 100% ;'] disabled
313 ['border':'1px solid'] @[6-24] active
314 ['border-width':'2px'] @[25-43] inactive
315 ['googles':'abra' non-parsed] @[45-59] active
316 ['foo':'.bar' non-parsed] @[60-70] active
317 ['-moz-goog':'1***' non-parsed] @[71-87] active
318 ['font-size':'12px'] @[88-104] active
319 ['border-width':'1px'] @[104-122] active
320 [text='font-size: 14px;'] disabled
321 ['border-top-style':'solid'] @[undefined-undefined] style
322 ['border-right-style':'solid'] @[undefined-undefined] style
323 ['border-bottom-style':'solid'] @[undefined-undefined] style
324 ['border-left-style':'solid'] @[undefined-undefined] style
325 ['border-color':'initial'] @[undefined-undefined] style
326 ['border-top-width':'1px'] @[undefined-undefined] style
327 ['border-right-width':'1px'] @[undefined-undefined] style
328 ['border-bottom-width':'1px'] @[undefined-undefined] style
329 ['border-left-width':'1px'] @[undefined-undefined] style
330
331 === After property enabled ===
332
333 style
334 raw style
335 [text='height : 100% ;'] disabled
336 ['border':'1px solid'] @[6-24] active
337 ['border-width':'2px'] @[25-43] inactive
338 ['googles':'abra' non-parsed] @[45-59] active
339 ['foo':'.bar' non-parsed] @[60-70] active
340 ['-moz-goog':'1***' non-parsed] @[71-87] active
341 ['font-size':'12px'] @[88-104] inactive
342 ['border-width':'1px'] @[104-122] active
343 ['font-size':'14px'] @[123-139] active
344 ['border-top-style':'solid'] @[undefined-undefined] style
345 ['border-right-style':'solid'] @[undefined-undefined] style
346 ['border-bottom-style':'solid'] @[undefined-undefined] style
347 ['border-left-style':'solid'] @[undefined-undefined] style
348 ['border-color':'initial'] @[undefined-undefined] style
349 ['border-top-width':'1px'] @[undefined-undefined] style
350 ['border-right-width':'1px'] @[undefined-undefined] style
351 ['border-bottom-width':'1px'] @[undefined-undefined] style
352 ['border-left-width':'1px'] @[undefined-undefined] style
353