| 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-dashoffset, stroke-miterlimit, kerning, baseline-shift, floo
d-color, flood-opacity, stop-color, stop-opacity, lighting-color; | 6 -webkit-transition-property: fill, stroke, fill-opacity, stroke-opacity, s
troke-width, stroke-dashoffset, stroke-miterlimit, kerning, baseline-shift, floo
d-color, flood-opacity, stop-color, stop-opacity, lighting-color; |
| 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 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 110 flood-color: rgb(0, 255, 0); | 110 flood-color: rgb(0, 255, 0); |
| 111 } | 111 } |
| 112 | 112 |
| 113 #light1 { | 113 #light1 { |
| 114 lighting-color: rgb(255, 0, 0); | 114 lighting-color: rgb(255, 0, 0); |
| 115 } | 115 } |
| 116 .animating #light1 { | 116 .animating #light1 { |
| 117 lighting-color: rgb(0, 255, 0); | 117 lighting-color: rgb(0, 255, 0); |
| 118 } | 118 } |
| 119 </style> | 119 </style> |
| 120 <script src="resources/transition-test-helpers.js"></script> | 120 <script src="../animations/resources/animation-test-helpers.js"></script> |
| 121 <script> | 121 <script> |
| 122 const expectedValues = [ | 122 const expectedValues = [ |
| 123 // [time, element-id, property, expected-value, tolerance] | 123 // [time, element-id, property, expected-value, tolerance] |
| 124 [1, "rect1", "fill-opacity", 0.6, 0.1], // 1 -> 0.2 | 124 [1, "rect1", "fill-opacity", 0.6, 0.1], // 1 -> 0.2 |
| 125 [1, "rect1", "stroke-width", 3, 0.5], // 2 -> 4 | 125 [1, "rect1", "stroke-width", 3, 0.5], // 2 -> 4 |
| 126 [1, "rect1", "stroke-opacity", 0.6, 0.1], // 1 -> 0.2 | 126 [1, "rect1", "stroke-opacity", 0.6, 0.1], // 1 -> 0.2 |
| 127 [1, "rect1", "stroke-dashoffset", 5, 1], // 0 -> 10 | 127 [1, "rect1", "stroke-dashoffset", 5, 1], // 0 -> 10 |
| 128 [1, "rect2", "fill", [0, 127, 127], 20], // rgb(0, 0, 255) -> rgb(0, 255, 0) | 128 [1, "rect2", "fill", [0, 127, 127], 20], // rgb(0, 0, 255) -> rgb(0, 255, 0) |
| 129 [1, "rect2", "stroke", [127, 0, 0], 20], // rgb(255, 0, 0) -> rgb(0, 0, 0) | 129 [1, "rect2", "stroke", [127, 0, 0], 20], // rgb(255, 0, 0) -> rgb(0, 0, 0) |
| 130 [1, "rect4", "stroke-width", 8, 1], // 1px to 4mm | 130 [1, "rect4", "stroke-width", 8, 1], // 1px to 4mm |
| (...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 176 <rect id="rect7" x="130" y="100" width="10" height="10"/> | 176 <rect id="rect7" x="130" y="100" width="10" height="10"/> |
| 177 <polyline id="polyline1" points="10,70 60,75 10,80"/> | 177 <polyline id="polyline1" points="10,70 60,75 10,80"/> |
| 178 <text id="text1" x="100" y="60">Example</text> | 178 <text id="text1" x="100" y="60">Example</text> |
| 179 </svg> | 179 </svg> |
| 180 </div> | 180 </div> |
| 181 | 181 |
| 182 <div id="result"></div> | 182 <div id="result"></div> |
| 183 | 183 |
| 184 </body> | 184 </body> |
| 185 </html> | 185 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 15738009:
Beat the transition tests with a sanity stick. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk