| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <script src="../resources/testharness.js"></script> | |
| 3 <script src="../resources/testharnessreport.js"></script> | |
| 4 | |
| 5 <div id='e'></div> | |
| 6 | |
| 7 <script> | |
| 8 var player; | |
| 9 | |
| 10 function expectValue(time, property, expectation) { | |
| 11 player.currentTime = time; | |
| 12 assert_equals(getComputedStyle(e)[property], expectation); | |
| 13 } | |
| 14 | |
| 15 test(function() { | |
| 16 player = e.animate( | |
| 17 [{float: 'left'}, {float: 'right'}], | |
| 18 {duration: 1, fill: 'both'}); | |
| 19 player.pause(); | |
| 20 | |
| 21 expectValue(0, 'float', 'left'); | |
| 22 expectValue(0.25, 'float', 'left'); | |
| 23 expectValue(0.49, 'float', 'left'); | |
| 24 expectValue(0.5, 'float', 'right'); | |
| 25 expectValue(0.75, 'float', 'right'); | |
| 26 expectValue(1, 'float', 'right'); | |
| 27 }, 'Non-animatable property float should 50% flip between keyframe values via th
e element.animate() API.'); | |
| 28 | |
| 29 test(function() { | |
| 30 player = e.animate([ | |
| 31 {animationName: 'a', animationDuration: '1s', transitionProperty: 'left',
transitionDuration: '1s', display: 'table'}, | |
| 32 {animationName: 'b', animationDuration: '10s', transitionProperty: 'right'
, transitionDuration: '10s', display: 'none'}, | |
| 33 ], {duration: 1, fill: 'both'}); | |
| 34 player.pause(); | |
| 35 | |
| 36 expectValue(0, 'animationName', 'none'); | |
| 37 expectValue(0.25, 'animationName', 'none'); | |
| 38 expectValue(0.5, 'animationName', 'none'); | |
| 39 expectValue(0.75, 'animationName', 'none'); | |
| 40 expectValue(1, 'animationName', 'none'); | |
| 41 | |
| 42 expectValue(0, 'animationDuration', '0s'); | |
| 43 expectValue(0.25, 'animationDuration', '0s'); | |
| 44 expectValue(0.5, 'animationDuration', '0s'); | |
| 45 expectValue(0.75, 'animationDuration', '0s'); | |
| 46 expectValue(1, 'animationDuration', '0s'); | |
| 47 | |
| 48 expectValue(0, 'transitionProperty', 'all'); | |
| 49 expectValue(0.25, 'transitionProperty', 'all'); | |
| 50 expectValue(0.5, 'transitionProperty', 'all'); | |
| 51 expectValue(0.75, 'transitionProperty', 'all'); | |
| 52 expectValue(1, 'transitionProperty', 'all'); | |
| 53 | |
| 54 expectValue(0, 'transitionDuration', '0s'); | |
| 55 expectValue(0.25, 'transitionDuration', '0s'); | |
| 56 expectValue(0.5, 'transitionDuration', '0s'); | |
| 57 expectValue(0.75, 'transitionDuration', '0s'); | |
| 58 expectValue(1, 'transitionDuration', '0s'); | |
| 59 | |
| 60 expectValue(0, 'display', 'block'); | |
| 61 expectValue(0.25, 'display', 'block'); | |
| 62 expectValue(0.5, 'display', 'block'); | |
| 63 expectValue(0.75, 'display', 'block'); | |
| 64 expectValue(1, 'display', 'block'); | |
| 65 }, 'Animation related properties should not be animatable via element.animate().
'); | |
| 66 </script> | |
| OLD | NEW |