OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset=utf-8> | 2 <meta charset=utf-8> |
3 <title>Animation.play()</title> | 3 <title>Animation.play()</title> |
4 <link rel="help" href="https://w3c.github.io/web-animations/#dom-animation-play"
> | 4 <link rel="help" href="https://w3c.github.io/web-animations/#dom-animation-play"
> |
5 <script src="/resources/testharness.js"></script> | 5 <script src="/resources/testharness.js"></script> |
6 <script src="/resources/testharnessreport.js"></script> | 6 <script src="/resources/testharnessreport.js"></script> |
7 <script src="../../testcommon.js"></script> | 7 <script src="../../testcommon.js"></script> |
8 <link rel="stylesheet" href="/resources/testharness.css"> | |
9 <body> | 8 <body> |
10 <div id="log"></div> | 9 <div id="log"></div> |
11 <script> | 10 <script> |
12 'use strict'; | 11 'use strict'; |
13 | 12 |
14 promise_test(function(t) { | 13 promise_test(function(t) { |
15 var div = createDiv(t); | 14 var div = createDiv(t); |
16 var animation = div.animate({ transform: ['none', 'translate(10px)']}, | 15 var animation = div.animate({ transform: ['none', 'translate(10px)']}, |
17 { duration : 100 * MS_PER_SEC, | 16 { duration : 100 * MS_PER_SEC, |
18 iterations : Infinity}); | 17 iterations : Infinity}); |
19 return animation.ready.then(function() { | 18 return animation.ready.then(function() { |
20 // Seek to a time outside the active range so that play() will have to | 19 // Seek to a time outside the active range so that play() will have to |
21 // snap back to the start | 20 // snap back to the start |
22 animation.currentTime = -5 * MS_PER_SEC; | 21 animation.currentTime = -5 * MS_PER_SEC; |
23 animation.playbackRate = -1; | 22 animation.playbackRate = -1; |
24 | 23 |
25 assert_throws('InvalidStateError', | 24 assert_throws('InvalidStateError', |
26 function () { animation.play(); }, | 25 function () { animation.play(); }, |
27 'Expected InvalidStateError exception on calling play() ' + | 26 'Expected InvalidStateError exception on calling play() ' + |
28 'with a negative playbackRate and infinite-duration ' + | 27 'with a negative playbackRate and infinite-duration ' + |
29 'animation'); | 28 'animation'); |
30 }); | 29 }); |
31 }, 'play() throws when seeking an infinite-duration animation played in ' + | 30 }, 'play() throws when seeking an infinite-duration animation played in ' + |
32 'reverse'); | 31 'reverse'); |
33 | 32 |
34 </script> | 33 </script> |
35 </body> | 34 </body> |
OLD | NEW |