| 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 |