| OLD | NEW |
| 1 Tests that computed styles expand and allow tracing to style rules. | 1 Tests that computed styles expand and allow tracing to style rules. |
| 2 | 2 |
| 3 ==== All styles (should be no computed) ==== | 3 ==== All styles (should be no computed) ==== |
| 4 [expanded] | 4 [expanded] |
| 5 element.style { () | 5 element.style { () |
| 6 | 6 |
| 7 [expanded] | 7 [expanded] |
| 8 #inspected { (lazy-computed-style.html:15 -> lazy-computed-style.html:15:1) | 8 #inspected { (lazy-computed-style.html:15 -> lazy-computed-style.html:15:13) |
| 9 background: gray; | 9 background: gray; |
| 10 background-image: initial; | 10 background-image: initial; |
| 11 background-position-x: initial; | 11 background-position-x: initial; |
| 12 background-position-y: initial; | 12 background-position-y: initial; |
| 13 background-size: initial; | 13 background-size: initial; |
| 14 background-repeat-x: initial; | 14 background-repeat-x: initial; |
| 15 background-repeat-y: initial; | 15 background-repeat-y: initial; |
| 16 background-attachment: initial; | 16 background-attachment: initial; |
| 17 background-origin: initial; | 17 background-origin: initial; |
| 18 background-clip: initial; | 18 background-clip: initial; |
| 19 background-color: gray; | 19 background-color: gray; |
| 20 | 20 |
| 21 [expanded] | 21 [expanded] |
| 22 #inspected { (lazy-computed-style.html:10 -> lazy-computed-style.html:10:1) | 22 #inspected { (lazy-computed-style.html:10 -> lazy-computed-style.html:10:13) |
| 23 /-- overloaded --/ background-color: black; | 23 /-- overloaded --/ background-color: black; |
| 24 font-family: Courier; | 24 font-family: Courier; |
| 25 | 25 |
| 26 [expanded] | 26 [expanded] |
| 27 #inspected { (lazy-computed-style.html:5 -> lazy-computed-style.html:5:1) | 27 #inspected { (lazy-computed-style.html:5 -> lazy-computed-style.html:5:13) |
| 28 /-- overloaded --/ background-color: green; | 28 /-- overloaded --/ background-color: green; |
| 29 /-- overloaded --/ font-family: Times; | 29 /-- overloaded --/ font-family: Times; |
| 30 | 30 |
| 31 [expanded] | 31 [expanded] |
| 32 div { (user agent stylesheet) | 32 div { (user agent stylesheet) |
| 33 display: block; | 33 display: block; |
| 34 | 34 |
| 35 ==== All styles (computed should be there) ==== | 35 ==== All styles (computed should be there) ==== |
| 36 background-attachment: scroll; | 36 background-attachment: scroll; |
| 37 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:1 | 37 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:13 |
| 38 background-clip: border-box; | 38 background-clip: border-box; |
| 39 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:1 | 39 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:13 |
| 40 background-color: rgb(128, 128, 128); | 40 background-color: rgb(128, 128, 128); |
| 41 gray - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html:15
:1 | 41 gray - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html:15
:13 |
| 42 OVERLOADED black - #inspected lazy-computed-style.html:10 -> lazy-computed-s
tyle.html:10:1 | 42 OVERLOADED black - #inspected lazy-computed-style.html:10 -> lazy-computed-s
tyle.html:10:13 |
| 43 OVERLOADED green - #inspected lazy-computed-style.html:5 -> lazy-computed-st
yle.html:5:1 | 43 OVERLOADED green - #inspected lazy-computed-style.html:5 -> lazy-computed-st
yle.html:5:13 |
| 44 background-image: none; | 44 background-image: none; |
| 45 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:1 | 45 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:13 |
| 46 background-origin: padding-box; | 46 background-origin: padding-box; |
| 47 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:1 | 47 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:13 |
| 48 background-position-x: 0%; | 48 background-position-x: 0%; |
| 49 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:1 | 49 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:13 |
| 50 background-position-y: 0%; | 50 background-position-y: 0%; |
| 51 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:1 | 51 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:13 |
| 52 background-repeat-x: ; | 52 background-repeat-x: ; |
| 53 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:1 | 53 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:13 |
| 54 background-repeat-y: ; | 54 background-repeat-y: ; |
| 55 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:1 | 55 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:13 |
| 56 background-size: auto; | 56 background-size: auto; |
| 57 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:1 | 57 initial - #inspected lazy-computed-style.html:15 -> lazy-computed-style.html
:15:13 |
| 58 display: block; | 58 display: block; |
| 59 block - div user agent stylesheet | 59 block - div user agent stylesheet |
| 60 font-family: Courier; | 60 font-family: Courier; |
| 61 Courier - #inspected lazy-computed-style.html:10 -> lazy-computed-style.html
:10:1 | 61 Courier - #inspected lazy-computed-style.html:10 -> lazy-computed-style.html
:10:13 |
| 62 OVERLOADED Times - #inspected lazy-computed-style.html:5 -> lazy-computed-st
yle.html:5:1 | 62 OVERLOADED Times - #inspected lazy-computed-style.html:5 -> lazy-computed-st
yle.html:5:13 |
| 63 [expanded] | 63 [expanded] |
| 64 element.style { () | 64 element.style { () |
| 65 | 65 |
| 66 [expanded] | 66 [expanded] |
| 67 #inspected { (lazy-computed-style.html:15 -> lazy-computed-style.html:15:1) | 67 #inspected { (lazy-computed-style.html:15 -> lazy-computed-style.html:15:13) |
| 68 background: gray; | 68 background: gray; |
| 69 background-image: initial; | 69 background-image: initial; |
| 70 background-position-x: initial; | 70 background-position-x: initial; |
| 71 background-position-y: initial; | 71 background-position-y: initial; |
| 72 background-size: initial; | 72 background-size: initial; |
| 73 background-repeat-x: initial; | 73 background-repeat-x: initial; |
| 74 background-repeat-y: initial; | 74 background-repeat-y: initial; |
| 75 background-attachment: initial; | 75 background-attachment: initial; |
| 76 background-origin: initial; | 76 background-origin: initial; |
| 77 background-clip: initial; | 77 background-clip: initial; |
| 78 background-color: gray; | 78 background-color: gray; |
| 79 | 79 |
| 80 [expanded] | 80 [expanded] |
| 81 #inspected { (lazy-computed-style.html:10 -> lazy-computed-style.html:10:1) | 81 #inspected { (lazy-computed-style.html:10 -> lazy-computed-style.html:10:13) |
| 82 /-- overloaded --/ background-color: black; | 82 /-- overloaded --/ background-color: black; |
| 83 font-family: Courier; | 83 font-family: Courier; |
| 84 | 84 |
| 85 [expanded] | 85 [expanded] |
| 86 #inspected { (lazy-computed-style.html:5 -> lazy-computed-style.html:5:1) | 86 #inspected { (lazy-computed-style.html:5 -> lazy-computed-style.html:5:13) |
| 87 /-- overloaded --/ background-color: green; | 87 /-- overloaded --/ background-color: green; |
| 88 /-- overloaded --/ font-family: Times; | 88 /-- overloaded --/ font-family: Times; |
| 89 | 89 |
| 90 [expanded] | 90 [expanded] |
| 91 div { (user agent stylesheet) | 91 div { (user agent stylesheet) |
| 92 display: block; | 92 display: block; |
| 93 | 93 |
| 94 | 94 |
| OLD | NEW |