OLD | NEW |
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; |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
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); |
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 testRunner.notifyDone(); | 53 if (window.testRunner) { |
| 54 testRunner.notifyDone(); |
| 55 } |
54 } | 56 } |
55 | 57 |
56 function animate() { | 58 function animate() { |
57 | 59 |
58 var keyframes = [ | 60 var keyframes = [ |
59 {left: '10px', offset: 0}, | 61 {left: '10px', offset: 0}, |
60 {left: '100px', offset: 1} | 62 {left: '100px', offset: 1} |
61 ]; | 63 ]; |
62 | 64 |
63 var timing = { | 65 var timing = { |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
96 </script> | 98 </script> |
97 </head> | 99 </head> |
98 <body> | 100 <body> |
99 <div class="anim" id="top"></div> | 101 <div class="anim" id="top"></div> |
100 <div class="anim" id="middle"></div> | 102 <div class="anim" id="middle"></div> |
101 <div class="anim" id="bottom"></div> | 103 <div class="anim" id="bottom"></div> |
102 <div id="results"></div> | 104 <div id="results"></div> |
103 </body> | 105 </body> |
104 </html> | 106 </html> |
105 | 107 |
OLD | NEW |