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

Side by Side Diff: third_party/WebKit/LayoutTests/transitions/svg-transitions.html

Issue 2680923005: Refactor CSS Transitions to use CSSInterpolationTypes instead of AnimatableValues (Closed)
Patch Set: Fix transition tests to not expect incorrect behaviour Created 3 years, 10 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
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <style> 3 <style>
4 4
5 svg * { 5 svg * {
6 transition-property: fill, stroke, fill-opacity, stroke-opacity, stroke-wi dth, stroke-dasharray, stroke-dashoffset, stroke-miterlimit, kerning, baseline-s hift, flood-color, flood-opacity, stop-color, stop-opacity, lighting-color; 6 transition-property: fill, stroke, fill-opacity, stroke-opacity, stroke-wi dth, stroke-dasharray, stroke-dashoffset, stroke-miterlimit, kerning, baseline-s hift, flood-color, flood-opacity, stop-color, stop-opacity, lighting-color;
7 transition-duration: 2s; 7 transition-duration: 2s;
8 transition-timing-function: linear; 8 transition-timing-function: linear;
9 } 9 }
10 10
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
133 [1, "rect1", "fill-opacity", 0.6, 0.1], // 1 -> 0.2 133 [1, "rect1", "fill-opacity", 0.6, 0.1], // 1 -> 0.2
134 [1, "rect1", "stroke-width", 3, 0.5], // 2 -> 4 134 [1, "rect1", "stroke-width", 3, 0.5], // 2 -> 4
135 [1, "rect1", "stroke-opacity", 0.6, 0.1], // 1 -> 0.2 135 [1, "rect1", "stroke-opacity", 0.6, 0.1], // 1 -> 0.2
136 [1, "rect1", "stroke-dasharray", [15, 15], 1], // (10, 10) -> (20, 20) 136 [1, "rect1", "stroke-dasharray", [15, 15], 1], // (10, 10) -> (20, 20)
137 [1, "rect1", "stroke-dashoffset", 5, 1], // 0 -> 10 137 [1, "rect1", "stroke-dashoffset", 5, 1], // 0 -> 10
138 [1, "rect2", "fill", [0, 127, 127], 20], // rgb(0, 0, 255) -> rgb(0, 255, 0) 138 [1, "rect2", "fill", [0, 127, 127], 20], // rgb(0, 0, 255) -> rgb(0, 255, 0)
139 [1, "rect2", "stroke", [127, 0, 0], 20], // rgb(255, 0, 0) -> rgb(0, 0, 0) 139 [1, "rect2", "stroke", [127, 0, 0], 20], // rgb(255, 0, 0) -> rgb(0, 0, 0)
140 [1, "rect2", "stroke-dasharray", [15, 15], 1], // (10, 10) -> (20, 20) 140 [1, "rect2", "stroke-dasharray", [15, 15], 1], // (10, 10) -> (20, 20)
141 [1, "rect4", "stroke-width", 8, 0.5], // 1px to 4mm (~15.1px) 141 [1, "rect4", "stroke-width", 8, 0.5], // 1px to 4mm (~15.1px)
142 [1, "rect5", "stroke-width", 5, 1], // 0 to 10px 142 [1, "rect5", "stroke-width", 5, 1], // 0 to 10px
143 [1, "rect5", "stroke-dasharray", [10, 10], 1], // (0, 0) -> (20, 20) 143 [1, "rect5", "stroke-dasharray", 20, 1], // none -> 20
144 [1, "rect6", "stroke-width", 15, 2], // 10% to 20% 144 [1, "rect6", "stroke-width", 15, 2], // 10% to 20%
145 [1, "rect6", "stroke-dasharray", [15, 15, 20, 12.5, 17.5, 17.5], 1], // (10, 1 5, 20, 15, 20, 15) -> (10, 15, 20, 10, 15, 20) 145 [1, "rect6", "stroke-dasharray", [15, 15, 20, 12.5, 17.5, 17.5], 1], // (10, 1 5, 20, 15, 20, 15) -> (10, 15, 20, 10, 15, 20)
146 [1, "rect7", "fill", [0, 0, 127], 20], // url(#invalid) black -> url(#invalid ) blue 146 [1, "rect7", "fill", [0, 0, 127], 20], // url(#invalid) black -> url(#invalid ) blue
147 [1, "rect7", "stroke-dasharray", [10, 10], 1], // (20, 20) -> (0, 0) 147 [1, "rect7", "stroke-dasharray", 'none', 1], // 20 -> none
148 [1, "stop1", "stop-color", [127, 127, 0], 20], // rgb(255,0,0) -> rgb(0, 255, 0) 148 [1, "stop1", "stop-color", [127, 127, 0], 20], // rgb(255,0,0) -> rgb(0, 255, 0)
149 [1, "stop1", "stop-opacity", 0.75, 0.1], // 1 -> 0.5 149 [1, "stop1", "stop-opacity", 0.75, 0.1], // 1 -> 0.5
150 [1, "polyline1", "stroke-miterlimit", 11, 0.5], // 12 -> 10 (this is an abrupt change in rendering even though the property animation is smooth) 150 [1, "polyline1", "stroke-miterlimit", 11, 0.5], // 12 -> 10 (this is an abrupt change in rendering even though the property animation is smooth)
151 [1, "text1", "baseline-shift", 5, 1], // 0 -> 10px 151 [1, "text1", "baseline-shift", 5, 1], // 0 -> 10px
152 [1, "flood1", "flood-opacity", 0.5, 0.1], // 1 -> 0 152 [1, "flood1", "flood-opacity", 0.5, 0.1], // 1 -> 0
153 [1, "flood1", "flood-color", [127, 127, 0], 20], // rgb(0, 255, 0) -> rgb(255, 0, 0) 153 [1, "flood1", "flood-color", [127, 127, 0], 20], // rgb(0, 255, 0) -> rgb(255, 0, 0)
154 [1, "light1", "lighting-color", [127, 127, 0], 20], // rgb(255, 0, 0) -> rgb(0 , 255, 0) 154 [1, "light1", "lighting-color", [127, 127, 0], 20], // rgb(255, 0, 0) -> rgb(0 , 255, 0)
155 ]; 155 ];
156 156
157 function setupTest() 157 function setupTest()
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
191 <rect id="rect7" x="130" y="100" width="10" height="10"/> 191 <rect id="rect7" x="130" y="100" width="10" height="10"/>
192 <polyline id="polyline1" points="10,70 60,75 10,80"/> 192 <polyline id="polyline1" points="10,70 60,75 10,80"/>
193 <text id="text1" x="100" y="60">Example</text> 193 <text id="text1" x="100" y="60">Example</text>
194 </svg> 194 </svg>
195 </div> 195 </div>
196 196
197 <div id="result"></div> 197 <div id="result"></div>
198 198
199 </body> 199 </body>
200 </html> 200 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698