| OLD | NEW |
| 1 Tests that keyframes are shown in styles pane. | 1 Tests that keyframes are shown in styles pane. |
| 2 | 2 |
| 3 === Before key modification === | 3 === Before key modification === |
| 4 [expanded] | 4 [expanded] |
| 5 element.style { () | 5 element.style { () |
| 6 | 6 |
| 7 [expanded] | 7 [expanded] |
| 8 #element { (keyframes.css:1 -> keyframes.css:1:1) | 8 #element { (keyframes.css:1 -> keyframes.css:1:11) |
| 9 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s; | 9 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s; |
| 10 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim; | 10 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim; |
| 11 animation-duration: 1s, 2s, 3s, 0s; | 11 animation-duration: 1s, 2s, 3s, 0s; |
| 12 animation-timing-function: initial, initial, initial, initial; | 12 animation-timing-function: initial, initial, initial, initial; |
| 13 animation-delay: 2s, initial, initial, initial; | 13 animation-delay: 2s, initial, initial, initial; |
| 14 animation-iteration-count: initial, initial, initial, initial; | 14 animation-iteration-count: initial, initial, initial, initial; |
| 15 animation-direction: initial, initial, initial, initial; | 15 animation-direction: initial, initial, initial, initial; |
| 16 animation-fill-mode: initial, initial, initial, initial; | 16 animation-fill-mode: initial, initial, initial, initial; |
| 17 animation-play-state: initial, initial, initial, initial; | 17 animation-play-state: initial, initial, initial, initial; |
| 18 | 18 |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 50 | 50 |
| 51 [expanded] | 51 [expanded] |
| 52 100% { (keyframes.css:12 -> keyframes.css:12:5) | 52 100% { (keyframes.css:12 -> keyframes.css:12:5) |
| 53 padding-left: 200px; | 53 padding-left: 200px; |
| 54 | 54 |
| 55 === After key modification === | 55 === After key modification === |
| 56 [expanded] | 56 [expanded] |
| 57 element.style { () | 57 element.style { () |
| 58 | 58 |
| 59 [expanded] | 59 [expanded] |
| 60 #element { (keyframes.css:1 -> keyframes.css:1:1) | 60 #element { (keyframes.css:1 -> keyframes.css:1:11) |
| 61 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s; | 61 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s; |
| 62 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim; | 62 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim; |
| 63 animation-duration: 1s, 2s, 3s, 0s; | 63 animation-duration: 1s, 2s, 3s, 0s; |
| 64 animation-timing-function: initial, initial, initial, initial; | 64 animation-timing-function: initial, initial, initial, initial; |
| 65 animation-delay: 2s, initial, initial, initial; | 65 animation-delay: 2s, initial, initial, initial; |
| 66 animation-iteration-count: initial, initial, initial, initial; | 66 animation-iteration-count: initial, initial, initial, initial; |
| 67 animation-direction: initial, initial, initial, initial; | 67 animation-direction: initial, initial, initial, initial; |
| 68 animation-fill-mode: initial, initial, initial, initial; | 68 animation-fill-mode: initial, initial, initial, initial; |
| 69 animation-play-state: initial, initial, initial, initial; | 69 animation-play-state: initial, initial, initial, initial; |
| 70 | 70 |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 102 | 102 |
| 103 [expanded] | 103 [expanded] |
| 104 100% { (keyframes.css:12 -> keyframes.css:12:5) | 104 100% { (keyframes.css:12 -> keyframes.css:12:5) |
| 105 padding-left: 200px; | 105 padding-left: 200px; |
| 106 | 106 |
| 107 === After undo === | 107 === After undo === |
| 108 [expanded] | 108 [expanded] |
| 109 element.style { () | 109 element.style { () |
| 110 | 110 |
| 111 [expanded] | 111 [expanded] |
| 112 #element { (keyframes.css:1 -> keyframes.css:1:1) | 112 #element { (keyframes.css:1 -> keyframes.css:1:11) |
| 113 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s; | 113 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s; |
| 114 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim; | 114 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim; |
| 115 animation-duration: 1s, 2s, 3s, 0s; | 115 animation-duration: 1s, 2s, 3s, 0s; |
| 116 animation-timing-function: initial, initial, initial, initial; | 116 animation-timing-function: initial, initial, initial, initial; |
| 117 animation-delay: 2s, initial, initial, initial; | 117 animation-delay: 2s, initial, initial, initial; |
| 118 animation-iteration-count: initial, initial, initial, initial; | 118 animation-iteration-count: initial, initial, initial, initial; |
| 119 animation-direction: initial, initial, initial, initial; | 119 animation-direction: initial, initial, initial, initial; |
| 120 animation-fill-mode: initial, initial, initial, initial; | 120 animation-fill-mode: initial, initial, initial, initial; |
| 121 animation-play-state: initial, initial, initial, initial; | 121 animation-play-state: initial, initial, initial, initial; |
| 122 | 122 |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 154 | 154 |
| 155 [expanded] | 155 [expanded] |
| 156 100% { (keyframes.css:12 -> keyframes.css:12:5) | 156 100% { (keyframes.css:12 -> keyframes.css:12:5) |
| 157 padding-left: 200px; | 157 padding-left: 200px; |
| 158 | 158 |
| 159 === After redo === | 159 === After redo === |
| 160 [expanded] | 160 [expanded] |
| 161 element.style { () | 161 element.style { () |
| 162 | 162 |
| 163 [expanded] | 163 [expanded] |
| 164 #element { (keyframes.css:1 -> keyframes.css:1:1) | 164 #element { (keyframes.css:1 -> keyframes.css:1:11) |
| 165 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s; | 165 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s; |
| 166 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim; | 166 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim; |
| 167 animation-duration: 1s, 2s, 3s, 0s; | 167 animation-duration: 1s, 2s, 3s, 0s; |
| 168 animation-timing-function: initial, initial, initial, initial; | 168 animation-timing-function: initial, initial, initial, initial; |
| 169 animation-delay: 2s, initial, initial, initial; | 169 animation-delay: 2s, initial, initial, initial; |
| 170 animation-iteration-count: initial, initial, initial, initial; | 170 animation-iteration-count: initial, initial, initial, initial; |
| 171 animation-direction: initial, initial, initial, initial; | 171 animation-direction: initial, initial, initial, initial; |
| 172 animation-fill-mode: initial, initial, initial, initial; | 172 animation-fill-mode: initial, initial, initial, initial; |
| 173 animation-play-state: initial, initial, initial, initial; | 173 animation-play-state: initial, initial, initial, initial; |
| 174 | 174 |
| (...skipping 27 matching lines...) Expand all Loading... |
| 202 | 202 |
| 203 [expanded] | 203 [expanded] |
| 204 10% { (keyframes.css:9 -> keyframes.css:9:5) | 204 10% { (keyframes.css:9 -> keyframes.css:9:5) |
| 205 padding-left: 150px; | 205 padding-left: 150px; |
| 206 | 206 |
| 207 [expanded] | 207 [expanded] |
| 208 100% { (keyframes.css:12 -> keyframes.css:12:5) | 208 100% { (keyframes.css:12 -> keyframes.css:12:5) |
| 209 padding-left: 200px; | 209 padding-left: 200px; |
| 210 | 210 |
| 211 | 211 |
| OLD | NEW |