Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(111)

Side by Side Diff: LayoutTests/web-animations-api/transitions-replay.html

Issue 1113173003: Web Animations: Update naming to reflect spec changes (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Use new API in layout tests Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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 <div id='element'></div> 4 <div id='element'></div>
5 <style> 5 <style>
6 #element { 6 #element {
7 transition: background 100ms; 7 transition: background 100ms;
8 background: black; 8 background: black;
9 } 9 }
10 </style> 10 </style>
11 <script> 11 <script>
12 var t = async_test('Replaying a transition after it has finished should not trig ger a new transition'); 12 var t = async_test('Replaying a transition after it has finished should not trig ger a new transition');
13 13
14 t.step(function() { 14 t.step(function() {
15 element.offsetTop; // Force recalc 15 element.offsetTop; // Force recalc
16 element.style.background = "green"; 16 element.style.background = "green";
17 element.offsetTop; // Force recalc 17 element.offsetTop; // Force recalc
18 18
19 assert_equals(document.timeline.getAnimationPlayers().length, 1); 19 assert_equals(document.timeline.getAnimations().length, 1);
20 var player = document.timeline.getAnimationPlayers()[0]; 20 var player = document.timeline.getAnimations()[0];
alancutter (OOO until 2018) 2015/05/05 01:04:51 s/player/animation/
dstockwell 2015/05/05 03:33:25 DONE!
21 player.onfinish = function() { 21 player.onfinish = function() {
22 requestAnimationFrame(function() { 22 requestAnimationFrame(function() {
23 requestAnimationFrame(function() { 23 requestAnimationFrame(function() {
24 player.startTime = document.timeline.currentTime - 10; 24 player.startTime = document.timeline.currentTime - 10;
25 player.onfinish = t.done.bind(t); 25 player.onfinish = t.done.bind(t);
26 }); 26 });
27 }); 27 });
28 } 28 }
29 }); 29 });
30 </script> 30 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698