| OLD | NEW |
| 1 Tests that InspectorCSSAgent API methods work as expected. | 1 Tests that InspectorCSSAgent API methods work as expected. |
| 2 | 2 |
| 3 H1 | 3 H1 |
| 4 | 4 |
| 5 | 5 |
| 6 === Computed style property count for body === | 6 === Computed style property count for body === |
| 7 OK | 7 OK |
| 8 | 8 |
| 9 === Matched rules for body === | 9 === Matched rules for body === |
| 10 body: [user-agent] { | 10 body: [user-agent] { |
| (...skipping 133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 144 ['width':'50%'] @[undefined-undefined] style | 144 ['width':'50%'] @[undefined-undefined] style |
| 145 | 145 |
| 146 === Stylesheet-for-inline-style text === | 146 === Stylesheet-for-inline-style text === |
| 147 | 147 |
| 148 | 148 |
| 149 === Stylesheet-for-inline-style modification result === | 149 === Stylesheet-for-inline-style modification result === |
| 150 NotSupportedError | 150 NotSupportedError |
| 151 | 151 |
| 152 === All stylesheets === | 152 === All stylesheets === |
| 153 | 153 |
| 154 StyleSheet: '@import url(styles-new-API-2.css); |
| 155 |
| 156 @page { margin: 2cm } /* All margins set to 2cm */ |
| 157 |
| 158 @page :first { |
| 159 margin-top: 10cm /* Top margin on first page 10cm */ |
| 160 } |
| 161 |
| 162 @media screen { |
| 163 |
| 164 #absent-id { |
| 165 } |
| 166 |
| 167 @font-face { |
| 168 font-family: 'TheFont'; |
| 169 src: url('font.url'); |
| 170 font-weight: normal; |
| 171 font-style: normal; |
| 172 } |
| 173 |
| 174 body { |
| 175 property: imported-media-screen-stylesheet; |
| 176 } |
| 177 |
| 178 } |
| 179 ' |
| 180 #absent-id: [regular, 10:0-10:10] { |
| 181 } |
| 182 body: [regular, 20:0-20:4] { |
| 183 ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47] act
ive |
| 184 } |
| 185 |
| 186 StyleSheet: '@import url(styles-new-API-1.css); |
| 187 |
| 188 @page { margin: 2cm } /* All margins set to 2cm */ |
| 189 |
| 190 @page :first { |
| 191 margin-top: 10cm /* Top margin on first page 10cm */ |
| 192 } |
| 193 |
| 194 @media screen { |
| 195 |
| 196 #absent-id { |
| 197 } |
| 198 |
| 199 @font-face { |
| 200 font-family: 'TheFont'; |
| 201 src: url('font.url'); |
| 202 font-weight: normal; |
| 203 font-style: normal; |
| 204 } |
| 205 |
| 206 body { |
| 207 property: imported-media-screen-stylesheet; |
| 208 } |
| 209 |
| 210 } |
| 211 ' |
| 212 #absent-id: [regular, 10:0-10:10] { |
| 213 } |
| 214 body: [regular, 20:0-20:4] { |
| 215 ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47] act
ive |
| 216 } |
| 217 |
| 154 StyleSheet: '@charset "UTF-8"; | 218 StyleSheet: '@charset "UTF-8"; |
| 155 | 219 |
| 156 @import url("styles-new-API-1.css"); | 220 @import url("styles-new-API-1.css"); |
| 157 | 221 |
| 158 html { | 222 html { |
| 159 font-weight: 400; | 223 font-weight: 400; |
| 160 } | 224 } |
| 161 | 225 |
| 162 @media screen { | 226 @media screen { |
| 163 body { | 227 body { |
| (...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 240 ['border-image-slice':'initial'] @[undefined-undefined] style | 304 ['border-image-slice':'initial'] @[undefined-undefined] style |
| 241 ['border-image-width':'initial'] @[undefined-undefined] style | 305 ['border-image-width':'initial'] @[undefined-undefined] style |
| 242 ['border-image-outset':'initial'] @[undefined-undefined] style | 306 ['border-image-outset':'initial'] @[undefined-undefined] style |
| 243 ['border-image-repeat':'initial'] @[undefined-undefined] style | 307 ['border-image-repeat':'initial'] @[undefined-undefined] style |
| 244 ['border-top-width':'0px'] @[undefined-undefined] style | 308 ['border-top-width':'0px'] @[undefined-undefined] style |
| 245 ['border-right-width':'0px'] @[undefined-undefined] style | 309 ['border-right-width':'0px'] @[undefined-undefined] style |
| 246 ['border-bottom-width':'0px'] @[undefined-undefined] style | 310 ['border-bottom-width':'0px'] @[undefined-undefined] style |
| 247 ['border-left-width':'0px'] @[undefined-undefined] style | 311 ['border-left-width':'0px'] @[undefined-undefined] style |
| 248 } | 312 } |
| 249 | 313 |
| 250 StyleSheet: '@import url(styles-new-API-2.css); | |
| 251 | |
| 252 @page { margin: 2cm } /* All margins set to 2cm */ | |
| 253 | |
| 254 @page :first { | |
| 255 margin-top: 10cm /* Top margin on first page 10cm */ | |
| 256 } | |
| 257 | |
| 258 @media screen { | |
| 259 | |
| 260 #absent-id { | |
| 261 } | |
| 262 | |
| 263 @font-face { | |
| 264 font-family: 'TheFont'; | |
| 265 src: url('font.url'); | |
| 266 font-weight: normal; | |
| 267 font-style: normal; | |
| 268 } | |
| 269 | |
| 270 body { | |
| 271 property: imported-media-screen-stylesheet; | |
| 272 } | |
| 273 | |
| 274 } | |
| 275 ' | |
| 276 #absent-id: [regular, 10:0-10:10] { | |
| 277 } | |
| 278 body: [regular, 20:0-20:4] { | |
| 279 ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47] act
ive | |
| 280 } | |
| 281 | |
| 282 StyleSheet: '@import url(styles-new-API-1.css); | |
| 283 | |
| 284 @page { margin: 2cm } /* All margins set to 2cm */ | |
| 285 | |
| 286 @page :first { | |
| 287 margin-top: 10cm /* Top margin on first page 10cm */ | |
| 288 } | |
| 289 | |
| 290 @media screen { | |
| 291 | |
| 292 #absent-id { | |
| 293 } | |
| 294 | |
| 295 @font-face { | |
| 296 font-family: 'TheFont'; | |
| 297 src: url('font.url'); | |
| 298 font-weight: normal; | |
| 299 font-style: normal; | |
| 300 } | |
| 301 | |
| 302 body { | |
| 303 property: imported-media-screen-stylesheet; | |
| 304 } | |
| 305 | |
| 306 } | |
| 307 ' | |
| 308 #absent-id: [regular, 10:0-10:10] { | |
| 309 } | |
| 310 body: [regular, 20:0-20:4] { | |
| 311 ['property':'imported-media-screen-stylesheet' non-parsed] @[21:4-21:47] act
ive | |
| 312 } | |
| 313 | |
| 314 StyleSheet: ' | 314 StyleSheet: ' |
| 315 | 315 |
| 316 /* An inline stylesheet */ | 316 /* An inline stylesheet */ |
| 317 body.mainpage { | 317 body.mainpage { |
| 318 text-decoration: none; /* at least one valid property is necessary for WebCo
re to match a rule */ | 318 text-decoration: none; /* at least one valid property is necessary for WebCo
re to match a rule */ |
| 319 ;badproperty: 1badvalue1; | 319 ;badproperty: 1badvalue1; |
| 320 } | 320 } |
| 321 | 321 |
| 322 body.mainpage { | 322 body.mainpage { |
| 323 prop1: val1; | 323 prop1: val1; |
| (...skipping 176 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 500 ['border-top-color':'initial'] @[undefined-undefined] style | 500 ['border-top-color':'initial'] @[undefined-undefined] style |
| 501 ['border-right-color':'initial'] @[undefined-undefined] style | 501 ['border-right-color':'initial'] @[undefined-undefined] style |
| 502 ['border-bottom-color':'initial'] @[undefined-undefined] style | 502 ['border-bottom-color':'initial'] @[undefined-undefined] style |
| 503 ['border-left-color':'initial'] @[undefined-undefined] style | 503 ['border-left-color':'initial'] @[undefined-undefined] style |
| 504 ['border-image-source':'initial'] @[undefined-undefined] style | 504 ['border-image-source':'initial'] @[undefined-undefined] style |
| 505 ['border-image-slice':'initial'] @[undefined-undefined] style | 505 ['border-image-slice':'initial'] @[undefined-undefined] style |
| 506 ['border-image-width':'initial'] @[undefined-undefined] style | 506 ['border-image-width':'initial'] @[undefined-undefined] style |
| 507 ['border-image-outset':'initial'] @[undefined-undefined] style | 507 ['border-image-outset':'initial'] @[undefined-undefined] style |
| 508 ['border-image-repeat':'initial'] @[undefined-undefined] style | 508 ['border-image-repeat':'initial'] @[undefined-undefined] style |
| 509 | 509 |
| OLD | NEW |