OLD | NEW |
1 Tests that InspectorCSSAgent formats the CSS style text based on the CSS model m
odifications. | 1 Tests that InspectorCSSAgent formats the CSS style text based on the CSS model m
odifications. |
2 | 2 |
3 Formatted | 3 Formatted |
4 Unformatted | 4 Unformatted |
5 | 5 |
6 Running: initFormattedStyle | 6 Running: initFormattedStyle |
7 | 7 |
8 Running: testFormattedInsertStart | 8 Running: testFormattedInsertStart |
9 raw cssText: | 9 raw cssText: |
10 { | 10 { |
11 /* leading comment */ | 11 /* leading comment */ |
12 firstProperty: rgba(1, 2, 3, 0); | 12 firstProperty: rgba(1, 2, 3, 0); |
13 property1: value1; /* comment1 */ | 13 color: red; /* comment1 */ |
14 property2: value2;/* comment2 */ | 14 margin: 0;/* comment2 */ /* like: property */ |
15 property3: value3; | 15 padding: 0; |
16 } | 16 } |
17 | 17 |
18 Running: testFormattedRemoveStart | 18 Running: testFormattedRemoveStart |
19 raw cssText: | 19 raw cssText: |
20 { | 20 { |
21 /* leading comment */ | 21 /* leading comment */ |
22 property1: value1; /* comment1 */ | 22 color: red; /* comment1 */ |
23 property2: value2;/* comment2 */ | 23 margin: 0;/* comment2 */ /* like: property */ |
24 property3: value3; | 24 padding: 0; |
25 } | 25 } |
26 | 26 |
27 Running: testFormattedInsertMiddle | 27 Running: testFormattedInsertMiddle |
28 raw cssText: | 28 raw cssText: |
29 { | 29 { |
30 /* leading comment */ | 30 /* leading comment */ |
31 property1: value1; /* comment1 */ | 31 color: red; /* comment1 */ |
32 middleProperty: middleValue /* comment */; | 32 middleProperty: middleValue /* comment */; |
33 property2: value2;/* comment2 */ | 33 margin: 0;/* comment2 */ /* like: property */ |
34 property3: value3; | 34 padding: 0; |
35 } | 35 } |
36 | 36 |
37 Running: testFormattedRemoveMiddle | 37 Running: testFormattedRemoveMiddle |
38 raw cssText: | 38 raw cssText: |
39 { | 39 { |
40 /* leading comment */ | 40 /* leading comment */ |
41 property1: value1; /* comment1 */ | 41 color: red; /* comment1 */ |
42 property2: value2;/* comment2 */ | 42 margin: 0;/* comment2 */ /* like: property */ |
43 property3: value3; | 43 padding: 0; |
44 } | 44 } |
45 | 45 |
46 Running: testFormattedInsertEnd | 46 Running: testFormattedInsertEnd |
47 raw cssText: | 47 raw cssText: |
48 { | 48 { |
49 /* leading comment */ | 49 /* leading comment */ |
50 property1: value1; /* comment1 */ | 50 color: red; /* comment1 */ |
51 property2: value2;/* comment2 */ | 51 margin: 0;/* comment2 */ /* like: property */ |
52 property3: value3; | 52 padding: 0; |
53 endProperty: endValue; | 53 endProperty: endValue; |
54 } | 54 } |
55 | 55 |
56 Running: testFormattedRemoveEnd | 56 Running: testFormattedRemoveEnd |
57 raw cssText: | 57 raw cssText: |
58 { | 58 { |
59 /* leading comment */ | 59 /* leading comment */ |
60 property1: value1; /* comment1 */ | 60 color: red; /* comment1 */ |
61 property2: value2;/* comment2 */ | 61 margin: 0;/* comment2 */ /* like: property */ |
62 property3: value3; | 62 padding: 0; |
63 } | 63 } |
64 | 64 |
65 Running: testFormattedDisableStart | 65 Running: testFormattedDisableStart |
66 raw cssText: | 66 raw cssText: |
67 { | 67 { |
68 /* leading comment */ | 68 /* leading comment */ |
69 /* property1: value1; */ /* comment1 */ | 69 /* color: red; */ /* comment1 */ |
70 property2: value2;/* comment2 */ | 70 margin: 0;/* comment2 */ /* like: property */ |
71 property3: value3; | 71 padding: 0; |
72 } | 72 } |
73 | 73 |
74 Running: testFormattedDisableEnd | 74 Running: testFormattedDisableEnd |
75 raw cssText: | 75 raw cssText: |
76 { | 76 { |
77 /* leading comment */ | 77 /* leading comment */ |
78 /* property1: value1; */ /* comment1 */ | 78 /* color: red; */ /* comment1 */ |
79 property2: value2;/* comment2 */ | 79 margin: 0;/* comment2 */ /* like: property */ |
80 /* property3: value3; */ | 80 /* padding: 0; */ |
81 } | 81 } |
82 | 82 |
83 Running: testFormattedDisableMiddle | 83 Running: testFormattedDisableMiddle |
84 raw cssText: | 84 raw cssText: |
85 { | 85 { |
86 /* leading comment */ | 86 /* leading comment */ |
87 /* property1: value1; */ /* comment1 */ | 87 /* color: red; */ /* comment1 */ |
88 /* property2: value2; *//* comment2 */ | 88 /* margin: 0; *//* comment2 */ /* like: property */ |
89 /* property3: value3; */ | 89 /* padding: 0; */ |
90 } | 90 } |
91 | 91 |
92 Running: testFormattedInsert1 | 92 Running: testFormattedInsert1 |
93 raw cssText: | 93 raw cssText: |
94 { | 94 { |
95 /* leading comment */ | 95 /* leading comment */ |
96 propA: valA; | 96 propA: valA; |
97 /* property1: value1; */ /* comment1 */ | 97 /* color: red; */ /* comment1 */ |
98 /* property2: value2; *//* comment2 */ | 98 /* margin: 0; *//* comment2 */ /* like: property */ |
99 /* property3: value3; */ | 99 /* padding: 0; */ |
100 } | 100 } |
101 | 101 |
102 Running: testFormattedInsert2 | 102 Running: testFormattedInsert2 |
103 raw cssText: | 103 raw cssText: |
104 { | 104 { |
105 /* leading comment */ | 105 /* leading comment */ |
106 propA: valA; | 106 propA: valA; |
107 /* property1: value1; */ /* comment1 */ | 107 /* color: red; */ /* comment1 */ |
108 propB: valB; | 108 propB: valB; |
109 /* property2: value2; *//* comment2 */ | 109 /* margin: 0; *//* comment2 */ /* like: property */ |
110 /* property3: value3; */ | 110 /* padding: 0; */ |
111 } | 111 } |
112 | 112 |
113 Running: testFormattedInsert3 | 113 Running: testFormattedInsert3 |
114 raw cssText: | 114 raw cssText: |
115 { | 115 { |
116 /* leading comment */ | 116 /* leading comment */ |
117 propA: valA; | 117 propA: valA; |
118 /* property1: value1; */ /* comment1 */ | 118 /* color: red; */ /* comment1 */ |
119 propB: valB; | 119 propB: valB; |
120 /* property2: value2; *//* comment2 */ | 120 /* margin: 0; *//* comment2 */ /* like: property */ |
121 /* property3: value3; */ | 121 /* padding: 0; */ |
122 propC: valC; | 122 propC: valC; |
123 } | 123 } |
124 | 124 |
125 Running: testFormattedEnableStart | 125 Running: testFormattedEnableStart |
126 raw cssText: | 126 raw cssText: |
127 { | 127 { |
128 /* leading comment */ | 128 /* leading comment */ |
129 propA: valA; | 129 propA: valA; |
130 property1: value1; /* comment1 */ | 130 color: red; /* comment1 */ |
131 propB: valB; | 131 propB: valB; |
132 /* property2: value2; *//* comment2 */ | 132 /* margin: 0; *//* comment2 */ /* like: property */ |
133 /* property3: value3; */ | 133 /* padding: 0; */ |
134 propC: valC; | 134 propC: valC; |
135 } | 135 } |
136 | 136 |
137 Running: testFormattedEnableEnd | 137 Running: testFormattedEnableEnd |
138 raw cssText: | 138 raw cssText: |
139 { | 139 { |
140 /* leading comment */ | 140 /* leading comment */ |
141 propA: valA; | 141 propA: valA; |
142 property1: value1; /* comment1 */ | 142 color: red; /* comment1 */ |
143 propB: valB; | 143 propB: valB; |
144 /* property2: value2; *//* comment2 */ | 144 /* margin: 0; *//* comment2 */ /* like: property */ |
145 property3: value3; | 145 padding: 0; |
146 propC: valC; | 146 propC: valC; |
147 } | 147 } |
148 | 148 |
149 Running: testFormattedEnableMiddle | 149 Running: testFormattedEnableMiddle |
150 raw cssText: | 150 raw cssText: |
151 { | 151 { |
152 /* leading comment */ | 152 /* leading comment */ |
153 propA: valA; | 153 propA: valA; |
154 property1: value1; /* comment1 */ | 154 color: red; /* comment1 */ |
155 propB: valB; | 155 propB: valB; |
156 property2: value2;/* comment2 */ | 156 margin: 0;/* comment2 */ /* like: property */ |
157 property3: value3; | 157 padding: 0; |
158 propC: valC; | 158 propC: valC; |
159 } | 159 } |
160 | 160 |
161 Running: testFormattedWithMeta | 161 Running: testFormattedWithMeta |
162 raw cssText: | 162 raw cssText: |
163 { | 163 { |
164 /* leading comment */ | 164 /* leading comment */ |
165 -webkit-animation: linear; | 165 -webkit-animation: linear; |
166 propA: valA; | 166 propA: valA; |
167 property1: value1; /* comment1 */ | 167 color: red; /* comment1 */ |
168 propB: valB; | 168 propB: valB; |
169 property2: value2;/* comment2 */ | 169 margin: 0;/* comment2 */ /* like: property */ |
170 property3: value3; | 170 padding: 0; |
171 propC: valC; | 171 propC: valC; |
172 } | 172 } |
173 | 173 |
174 Running: testFormattedWithMetaValue | 174 Running: testFormattedWithMetaValue |
175 raw cssText: | 175 raw cssText: |
176 { | 176 { |
177 /* leading comment */ | 177 /* leading comment */ |
178 -webkit-animation: linear; | 178 -webkit-animation: linear; |
179 unicode-bidi: webkit-isolate; | 179 unicode-bidi: webkit-isolate; |
180 propA: valA; | 180 propA: valA; |
181 property1: value1; /* comment1 */ | 181 color: red; /* comment1 */ |
182 propB: valB; | 182 propB: valB; |
183 property2: value2;/* comment2 */ | 183 margin: 0;/* comment2 */ /* like: property */ |
184 property3: value3; | 184 padding: 0; |
185 propC: valC; | 185 propC: valC; |
186 } | 186 } |
187 | 187 |
188 Running: testFormattedWithAtoms | 188 Running: testFormattedWithAtoms |
189 raw cssText: | 189 raw cssText: |
190 { | 190 { |
191 /* leading comment */ | 191 /* leading comment */ |
192 border-left: 1px solid rgb(1,1,1); | 192 border-left: 1px solid rgb(1,1,1); |
193 -webkit-animation: linear; | 193 -webkit-animation: linear; |
194 unicode-bidi: webkit-isolate; | 194 unicode-bidi: webkit-isolate; |
195 propA: valA; | 195 propA: valA; |
196 property1: value1; /* comment1 */ | 196 color: red; /* comment1 */ |
197 propB: valB; | 197 propB: valB; |
198 property2: value2;/* comment2 */ | 198 margin: 0;/* comment2 */ /* like: property */ |
199 property3: value3; | 199 padding: 0; |
200 propC: valC; | 200 propC: valC; |
201 } | 201 } |
202 | 202 |
203 Running: initUnformattedStyle | 203 Running: initUnformattedStyle |
204 | 204 |
205 Running: testUnformattedInsertStart | 205 Running: testUnformattedInsertStart |
206 raw cssText: | 206 raw cssText: |
207 {/*leading comment*/firstProperty: firstValue;property1:value1;property2:value2;
property3:value3;} | 207 {/*leading comment*/firstProperty: firstValue;color:red;margin:0;padding:0;} |
208 | 208 |
209 Running: testUnformattedRemoveStart | 209 Running: testUnformattedRemoveStart |
210 raw cssText: | 210 raw cssText: |
211 {/*leading comment*/property1:value1;property2:value2;property3:value3;} | 211 {/*leading comment*/color:red;margin:0;padding:0;} |
212 | 212 |
213 Running: testUnformattedInsertMiddle | 213 Running: testUnformattedInsertMiddle |
214 raw cssText: | 214 raw cssText: |
215 {/*leading comment*/property1:value1;middleProperty: middleValue;property2:value
2;property3:value3;} | 215 {/*leading comment*/color:red;middleProperty: middleValue;margin:0;padding:0;} |
216 | 216 |
217 Running: testUnformattedRemoveMiddle | 217 Running: testUnformattedRemoveMiddle |
218 raw cssText: | 218 raw cssText: |
219 {/*leading comment*/property1:value1;property2:value2;property3:value3;} | 219 {/*leading comment*/color:red;margin:0;padding:0;} |
220 | 220 |
221 Running: testUnformattedInsertEnd | 221 Running: testUnformattedInsertEnd |
222 raw cssText: | 222 raw cssText: |
223 {/*leading comment*/property1:value1;property2:value2;property3:value3;endProper
ty: endValue;} | 223 {/*leading comment*/color:red;margin:0;padding:0;endProperty: endValue;} |
224 | 224 |
225 Running: testUnformattedRemoveEnd | 225 Running: testUnformattedRemoveEnd |
226 raw cssText: | 226 raw cssText: |
227 {/*leading comment*/property1:value1;property2:value2;property3:value3;} | 227 {/*leading comment*/color:red;margin:0;padding:0;} |
228 | 228 |
229 Running: testUnformattedDisableStart | 229 Running: testUnformattedDisableStart |
230 raw cssText: | 230 raw cssText: |
231 {/*leading comment*//* property1:value1; */property2:value2;property3:value3;} | 231 {/*leading comment*//* color:red; */margin:0;padding:0;} |
232 | 232 |
233 Running: testUnformattedDisableEnd | 233 Running: testUnformattedDisableEnd |
234 raw cssText: | 234 raw cssText: |
235 {/*leading comment*//* property1:value1; */property2:value2;/* property3:value3;
*/} | 235 {/*leading comment*//* color:red; */margin:0;/* padding:0; */} |
236 | 236 |
237 Running: testUnformattedDisableMiddle | 237 Running: testUnformattedDisableMiddle |
238 raw cssText: | 238 raw cssText: |
239 {/*leading comment*//* property1:value1; *//* property2:value2; *//* property3:v
alue3; */} | 239 {/*leading comment*//* color:red; *//* margin:0; *//* padding:0; */} |
240 | 240 |
241 Running: testUnformattedEnableStart | 241 Running: testUnformattedEnableStart |
242 raw cssText: | 242 raw cssText: |
243 {/*leading comment*/property1:value1;/* property2:value2; *//* property3:value3;
*/} | 243 {/*leading comment*/color:red;/* margin:0; *//* padding:0; */} |
244 | 244 |
245 Running: testUnformattedEnableEnd | 245 Running: testUnformattedEnableEnd |
246 raw cssText: | 246 raw cssText: |
247 {/*leading comment*/property1:value1;/* property2:value2; */property3:value3;} | 247 {/*leading comment*/color:red;/* margin:0; */padding:0;} |
248 | 248 |
249 Running: testUnformattedEnableMiddle | 249 Running: testUnformattedEnableMiddle |
250 raw cssText: | 250 raw cssText: |
251 {/*leading comment*/property1:value1;property2:value2;property3:value3;} | 251 {/*leading comment*/color:red;margin:0;padding:0;} |
252 | 252 |
OLD | NEW |