| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 #target { | 3 #target { |
| 4 height: 100px; | 4 height: 100px; |
| 5 width: 100px; | 5 width: 100px; |
| 6 border: solid blue 0px; | 6 border: solid blue 0px; |
| 7 -webkit-animation-duration: 1s; | 7 animation-duration: 1s; |
| 8 -webkit-animation-timing-function: cubic-bezier(0,-1,1,-1); | 8 animation-timing-function: cubic-bezier(0,-1,1,-1); |
| 9 -webkit-animation-name: anim; | 9 animation-name: anim; |
| 10 } | 10 } |
| 11 @-webkit-keyframes anim { | 11 @keyframes anim { |
| 12 from { | 12 from { |
| 13 border-top-width: 0px; | 13 border-top-width: 0px; |
| 14 outline-width: 0px; | 14 outline-width: 0px; |
| 15 -webkit-column-count: 1; | 15 column-count: 1; |
| 16 -webkit-column-rule-width: 0px; | 16 column-rule-width: 0px; |
| 17 } | 17 } |
| 18 to { | 18 to { |
| 19 border-top-width: 10px; | 19 border-top-width: 10px; |
| 20 outline-width: 10px; | 20 outline-width: 10px; |
| 21 -webkit-column-count: 10; | 21 column-count: 10; |
| 22 -webkit-column-rule-width: 10px; | 22 column-rule-width: 10px; |
| 23 } | 23 } |
| 24 } | 24 } |
| 25 </style> | 25 </style> |
| 26 <script src="resources/animation-test-helpers.js"></script> | 26 <script src="resources/animation-test-helpers.js"></script> |
| 27 <script> | 27 <script> |
| 28 if (window.testRunner) | 28 if (window.testRunner) |
| 29 testRunner.dumpAsText(); | 29 testRunner.dumpAsText(); |
| 30 | 30 |
| 31 const expectedValues = [ | 31 const expectedValues = [ |
| 32 // [time, element-id, property, expected-value, tolerance] | 32 // [time, element-id, property, expected-value, tolerance] |
| 33 [0.5, 'target', 'border-top-width', 0, 0], | 33 [0.5, 'target', 'border-top-width', 0, 0], |
| 34 [0.5, 'target', 'outline-width', 0, 0], | 34 [0.5, 'target', 'outline-width', 0, 0], |
| 35 [0.5, 'target', '-webkit-column-count', 1, 0], | 35 [0.5, 'target', 'column-count', 1, 0], |
| 36 [0.5, 'target', '-webkit-column-rule-width', 0, 0], | 36 [0.5, 'target', 'column-rule-width', 0, 0], |
| 37 ]; | 37 ]; |
| 38 | 38 |
| 39 runAnimationTest(expectedValues); | 39 runAnimationTest(expectedValues); |
| 40 </script> | 40 </script> |
| 41 <body> | 41 <body> |
| 42 Tests that interpolation of unsigned values does not underflow when a timing | 42 Tests that interpolation of unsigned values does not underflow when a timing |
| 43 function produces values outside the range 0-1. | 43 function produces values outside the range 0-1. |
| 44 <div id="target"></div> | 44 <div id="target"></div> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2970883003:
Separate out animations tests with prefixing (Closed)
