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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/web-animations-api/player-cancel-finishes.html

Issue 548223002: Web-Animations: Implement idle state for AnimationPlayers (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Use known current time in finish event Created 6 years, 3 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
« no previous file with comments | « no previous file | Source/core/animation/Animation.cpp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style type="text/css"> 4 <style type="text/css">
5 .anim { 5 .anim {
6 position: absolute; 6 position: absolute;
7 left: 10px; 7 left: 10px;
8 height: 90px; 8 height: 90px;
9 width: 100px; 9 width: 100px;
10 background-color: black; 10 background-color: black;
11 } 11 }
12 </style> 12 </style>
13 <script type="text/javascript"> 13 <script type="text/javascript">
14 14
15 function log(message) { 15 function log(message) {
16 var results = document.getElementById('results'); 16 var results = document.getElementById('results');
17 results.innerHTML += message + '<br>'; 17 results.innerHTML += message + '<br>';
18 } 18 }
19 19
20 function validateFinishEvent(player, event) { 20 function validateFinishEvent(player, event, currentTime) {
21 if (event.target === player) { 21 if (event.target === player) {
22 log('PASS: ' + player.name + ' is target'); 22 log('PASS: ' + player.name + ' is target');
23 } else { 23 } else {
24 log('FAIL: expected target named ' + player.name + ', actual target is ' + event.target); 24 log('FAIL: expected target named ' + player.name + ', actual target is ' + event.target);
25 } 25 }
26 if (event.currentTime === player.currentTime) { 26 if ((currentTime !== undefined && event.currentTime == currentTime) || event .currentTime === player.currentTime) {
27 log('PASS: event currentTime equals player currentTime'); 27 log('PASS: event currentTime equals player currentTime');
28 } else { 28 } else {
29 log('FAIL: event currentTime ' + event.currentTime + ' does not equal pl ayer currentTime ' + player.currentTime); 29 log('FAIL: event currentTime ' + event.currentTime + ' does not equal pl ayer currentTime ' + player.currentTime);
30 } 30 }
31 if (event.timelineTime === document.timeline.currentTime) { 31 if (event.timelineTime === document.timeline.currentTime) {
32 log('PASS: event timelineTime equals timeline currentTime'); 32 log('PASS: event timelineTime equals timeline currentTime');
33 } else { 33 } else {
34 log('FAIL: event timelineTime ' + event.timelineTime + 34 log('FAIL: event timelineTime ' + event.timelineTime +
35 ' does not equal timeline currentTime ' + document.timeline.currentT ime); 35 ' does not equal timeline currentTime ' + document.timeline.currentT ime);
36 } 36 }
37 } 37 }
38 38
39 var playerTop, playerMiddle, playerBottom; 39 var playerTop, playerMiddle, playerBottom;
40 40
41 function onFinishTop(event) { 41 function onFinishTop(event) {
42 validateFinishEvent(playerTop, event); 42 validateFinishEvent(playerTop, event);
43 playerMiddle.cancel(); 43 playerMiddle.cancel();
44 } 44 }
45 45
46 function onFinishMiddle(event) { 46 function onFinishMiddle(event) {
47 validateFinishEvent(playerMiddle, event); 47 validateFinishEvent(playerMiddle, event, 0);
48 playerBottom.currentTime = 0; 48 playerBottom.currentTime = 0;
49 } 49 }
50 50
51 function onFinishBottom(event) { 51 function onFinishBottom(event) {
52 validateFinishEvent(playerBottom, event); 52 validateFinishEvent(playerBottom, event);
53 if (window.testRunner) { 53 if (window.testRunner) {
54 testRunner.notifyDone(); 54 testRunner.notifyDone();
55 } 55 }
56 } 56 }
57 57
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
98 </script> 98 </script>
99 </head> 99 </head>
100 <body> 100 <body>
101 <div class="anim" id="top"></div> 101 <div class="anim" id="top"></div>
102 <div class="anim" id="middle"></div> 102 <div class="anim" id="middle"></div>
103 <div class="anim" id="bottom"></div> 103 <div class="anim" id="bottom"></div>
104 <div id="results"></div> 104 <div id="results"></div>
105 </body> 105 </body>
106 </html> 106 </html>
107 107
OLDNEW
« no previous file with comments | « no previous file | Source/core/animation/Animation.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698