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