Chromium Code Reviews| OLD | NEW | 
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <script src="../resources/testharness.js"></script> | 2 <script src="../resources/testharness.js"></script> | 
| 3 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../resources/testharnessreport.js"></script> | 
| 4 | 4 | 
| 5 <body> | 5 <body> | 
| 6 <div id='e'></div> | 6 <div id='e'></div> | 
| 7 </body> | 7 </body> | 
| 8 | 8 | 
| 9 <script> | 9 <script> | 
| 10 var element = document.getElementById('e'); | 10 var element = document.getElementById('e'); | 
| 11 var style = getComputedStyle(element); | 11 var style = getComputedStyle(element); | 
| 12 var duration = 1; | 12 var duration = 1; | 
| 13 | 13 | 
| 14 var animation = new Animation(element, | 14 var animation = new KeyframeEffect(element, | 
| 
 
alancutter (OOO until 2018)
2015/05/05 01:04:51
s/animation/keyframeEffect/g
 
dstockwell
2015/05/05 03:33:25
Done!
 
 | |
| 15 [{opacity: '1', offset: 0}, | 15 [{opacity: '1', offset: 0}, | 
| 16 {opacity: '0', offset: 1}], | 16 {opacity: '0', offset: 1}], | 
| 17 duration); | 17 duration); | 
| 18 | 18 | 
| 19 test(function() { | 19 test(function() { | 
| 20 var player = document.timeline.play(animation); | 20 var player = document.timeline.play(animation); | 
| 21 player.pause(); | 21 player.pause(); | 
| 22 player.currentTime = duration / 2; | 22 player.currentTime = duration / 2; | 
| 23 assert_equals(style.opacity, '0.5'); | 23 assert_equals(style.opacity, '0.5'); | 
| 24 }, 'Calling document.timeline.play() should start an animation.'); | 24 }, 'Calling document.timeline.play() should start an animation.'); | 
| 25 </script> | 25 </script> | 
| OLD | NEW |