LayoutTests/transitions/svg-transitions.html - Issue 716963002: Remove property-specific handling in animation-test-helpers.js

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

Issue 716963002: Remove property-specific handling in animation-test-helpers.js (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@animhelpercleanup

Patch Set: rm whitespace Created 6 years, 1 month 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

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <style>	3 <style>

4	4

5 svg * {	5 svg * {

6 -webkit-transition-property: fill, stroke, fill-opacity, stroke-opacity, s troke-width, stroke-dasharray, stroke-dashoffset, stroke-miterlimit, kerning, ba seline-shift, flood-color, flood-opacity, stop-color, stop-opacity, lighting-col or;	6 -webkit-transition-property: fill, stroke, fill-opacity, stroke-opacity, s troke-width, stroke-dasharray, stroke-dashoffset, stroke-miterlimit, kerning, ba seline-shift, flood-color, flood-opacity, stop-color, stop-opacity, lighting-col or;

7 -webkit-transition-duration: 2s;	7 -webkit-transition-duration: 2s;

8 -webkit-transition-timing-function: linear;	8 -webkit-transition-timing-function: linear;

9 }	9 }

10	10

(...skipping 120 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
131 const expectedValues = [	131 const expectedValues = [

132 // [time, element-id, property, expected-value, tolerance]	132 // [time, element-id, property, expected-value, tolerance]

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, 1], // 1px to 4mm	141 [1, "rect4", "stroke-width", "2.13mm", 0.2], // 1px to 4mm

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", [10, 10], 1], // (0, 0) -> (20, 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", [10, 10], 1], // (20, 20) -> (0, 0)

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

(...skipping 39 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
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>

OLD	NEW