Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(11)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes-expected.txt

Issue 1577723002: Devtools: Add editable keyframes to the styles sidebar pane (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes.html ('k') | third_party/WebKit/LayoutTests/inspector/elements/styles/resources/keyframes.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 Tests that keyframes are shown in styles pane.
2
3 === Before key modification ===
4 [expanded]
5 element.style { ()
6
7 [expanded]
8 #element { (keyframes.css:1 -> keyframes.css:1:1)
9 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s;
10 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim;
11 animation-duration: 1s, 2s, 3s, 0s;
12 animation-timing-function: initial, initial, initial, initial;
13 animation-delay: 2s, initial, initial, initial;
14 animation-iteration-count: initial, initial, initial, initial;
15 animation-direction: initial, initial, initial, initial;
16 animation-fill-mode: initial, initial, initial, initial;
17 animation-play-state: initial, initial, initial, initial;
18
19 [expanded]
20 div { (user agent stylesheet)
21 display: block;
22
23 ======== @keyframes animName ========
24 [expanded]
25 0%, 20% { (styles-keyframes.html:10 -> styles-keyframes.html:10:5)
26 margin-left: 200px;
27 color: red;
28
29 [expanded]
30 100% { (styles-keyframes.html:14 -> styles-keyframes.html:14:5)
31 margin-left: 500px;
32
33 ======== @keyframes mediaAnim ========
34 [expanded]
35 0% { (keyframes.css:19 -> keyframes.css:19:9)
36 opacity: 0;
37
38 [expanded]
39 100% { (keyframes.css:22 -> keyframes.css:22:9)
40 opacity: 1;
41
42 ======== @keyframes styleSheetAnim ========
43 [expanded]
44 0% { (keyframes.css:6 -> keyframes.css:6:5)
45 padding-left: 100px;
46
47 [expanded]
48 10% { (keyframes.css:9 -> keyframes.css:9:5)
49 padding-left: 150px;
50
51 [expanded]
52 100% { (keyframes.css:12 -> keyframes.css:12:5)
53 padding-left: 200px;
54
55 === After key modification ===
56 [expanded]
57 element.style { ()
58
59 [expanded]
60 #element { (keyframes.css:1 -> keyframes.css:1:1)
61 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s;
62 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim;
63 animation-duration: 1s, 2s, 3s, 0s;
64 animation-timing-function: initial, initial, initial, initial;
65 animation-delay: 2s, initial, initial, initial;
66 animation-iteration-count: initial, initial, initial, initial;
67 animation-direction: initial, initial, initial, initial;
68 animation-fill-mode: initial, initial, initial, initial;
69 animation-play-state: initial, initial, initial, initial;
70
71 [expanded]
72 div { (user agent stylesheet)
73 display: block;
74
75 ======== @keyframes animName ========
76 [expanded]
77 0%, 20% { (styles-keyframes.html:10 -> styles-keyframes.html:10:5)
78 margin-left: 200px;
79 color: red;
80
81 [expanded]
82 1% { (styles-keyframes.html:14 -> styles-keyframes.html:14:5)
83 margin-left: 500px;
84
85 ======== @keyframes mediaAnim ========
86 [expanded]
87 0% { (keyframes.css:19 -> keyframes.css:19:9)
88 opacity: 0;
89
90 [expanded]
91 100% { (keyframes.css:22 -> keyframes.css:22:9)
92 opacity: 1;
93
94 ======== @keyframes styleSheetAnim ========
95 [expanded]
96 0% { (keyframes.css:6 -> keyframes.css:6:5)
97 padding-left: 100px;
98
99 [expanded]
100 10% { (keyframes.css:9 -> keyframes.css:9:5)
101 padding-left: 150px;
102
103 [expanded]
104 100% { (keyframes.css:12 -> keyframes.css:12:5)
105 padding-left: 200px;
106
107 === After undo ===
108 [expanded]
109 element.style { ()
110
111 [expanded]
112 #element { (keyframes.css:1 -> keyframes.css:1:1)
113 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s;
114 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim;
115 animation-duration: 1s, 2s, 3s, 0s;
116 animation-timing-function: initial, initial, initial, initial;
117 animation-delay: 2s, initial, initial, initial;
118 animation-iteration-count: initial, initial, initial, initial;
119 animation-direction: initial, initial, initial, initial;
120 animation-fill-mode: initial, initial, initial, initial;
121 animation-play-state: initial, initial, initial, initial;
122
123 [expanded]
124 div { (user agent stylesheet)
125 display: block;
126
127 ======== @keyframes animName ========
128 [expanded]
129 0%, 20% { (styles-keyframes.html:10 -> styles-keyframes.html:10:5)
130 margin-left: 200px;
131 color: red;
132
133 [expanded]
134 100% { (styles-keyframes.html:14 -> styles-keyframes.html:14:5)
135 margin-left: 500px;
136
137 ======== @keyframes mediaAnim ========
138 [expanded]
139 0% { (keyframes.css:19 -> keyframes.css:19:9)
140 opacity: 0;
141
142 [expanded]
143 100% { (keyframes.css:22 -> keyframes.css:22:9)
144 opacity: 1;
145
146 ======== @keyframes styleSheetAnim ========
147 [expanded]
148 0% { (keyframes.css:6 -> keyframes.css:6:5)
149 padding-left: 100px;
150
151 [expanded]
152 10% { (keyframes.css:9 -> keyframes.css:9:5)
153 padding-left: 150px;
154
155 [expanded]
156 100% { (keyframes.css:12 -> keyframes.css:12:5)
157 padding-left: 200px;
158
159 === After redo ===
160 [expanded]
161 element.style { ()
162
163 [expanded]
164 #element { (keyframes.css:1 -> keyframes.css:1:1)
165 animation: animName 1s 2s, mediaAnim 2s, doesNotExist 3s, styleSheetAnim 0s;
166 animation-name: animName, mediaAnim, doesNotExist, styleSheetAnim;
167 animation-duration: 1s, 2s, 3s, 0s;
168 animation-timing-function: initial, initial, initial, initial;
169 animation-delay: 2s, initial, initial, initial;
170 animation-iteration-count: initial, initial, initial, initial;
171 animation-direction: initial, initial, initial, initial;
172 animation-fill-mode: initial, initial, initial, initial;
173 animation-play-state: initial, initial, initial, initial;
174
175 [expanded]
176 div { (user agent stylesheet)
177 display: block;
178
179 ======== @keyframes animName ========
180 [expanded]
181 0%, 20% { (styles-keyframes.html:10 -> styles-keyframes.html:10:5)
182 margin-left: 200px;
183 color: red;
184
185 [expanded]
186 1% { (styles-keyframes.html:14 -> styles-keyframes.html:14:5)
187 margin-left: 500px;
188
189 ======== @keyframes mediaAnim ========
190 [expanded]
191 0% { (keyframes.css:19 -> keyframes.css:19:9)
192 opacity: 0;
193
194 [expanded]
195 100% { (keyframes.css:22 -> keyframes.css:22:9)
196 opacity: 1;
197
198 ======== @keyframes styleSheetAnim ========
199 [expanded]
200 0% { (keyframes.css:6 -> keyframes.css:6:5)
201 padding-left: 100px;
202
203 [expanded]
204 10% { (keyframes.css:9 -> keyframes.css:9:5)
205 padding-left: 150px;
206
207 [expanded]
208 100% { (keyframes.css:12 -> keyframes.css:12:5)
209 padding-left: 200px;
210
211
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/elements/styles-4/styles-keyframes.html ('k') | third_party/WebKit/LayoutTests/inspector/elements/styles/resources/keyframes.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698