OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 #target { | 3 #target { |
4 width: 50px; | 4 width: 50px; |
5 height: 50px; | 5 height: 50px; |
6 background-color: green; | 6 background-color: green; |
7 } | 7 } |
8 </style> | 8 </style> |
9 <div id=target></div> | 9 <div id=target></div> |
10 <script> | 10 <script> |
11 testRunner.waitUntilDone(); | 11 testRunner.waitUntilDone(); |
12 var anim; | 12 var anim; |
13 requestAnimationFrame(function() { | 13 requestAnimationFrame(function() { |
14 anim = target.animate([ | 14 anim = target.animate([ |
15 {transform: 'translateX(0px)'}, | 15 {transform: 'translateX(0px)'}, |
16 {transform: 'translateX(1000px)'}, | 16 {transform: 'translateX(1000px)'}, |
17 ], 1000); | 17 ], 1000); |
18 requestAnimationFrame(function() { | 18 requestAnimationFrame(function() { |
19 eventSender.mouseMoveTo(1, 1); | 19 eventSender.mouseMoveTo(1, 1); |
20 eventSender.mouseMoveTo(1, 2); | 20 eventSender.mouseMoveTo(1, 2); |
21 anim.pause(); | 21 anim.pause(); |
22 anim.currentTime = 500; | 22 anim.currentTime = 500; |
23 testRunner.notifyDone(); | 23 testRunner.notifyDone(); |
24 }); | 24 }); |
25 }); | 25 }); |
26 </script> | 26 </script> |
OLD | NEW |