Index: third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animation/playState.html |
diff --git a/third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animation/playState.html b/third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animation/playState.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..7b2badc9ef673bee8988ad1f50d4a6c6b356396a |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animation/playState.html |
@@ -0,0 +1,54 @@ |
+<!DOCTYPE html> |
+<meta charset=utf-8> |
+<title>Animation.playState</title> |
+<link rel="help" href="https://w3c.github.io/web-animations/#dom-animation-playstate"> |
+<script src="../../../../resources/testharness.js"></script> |
+<script src="../../../../resources/testharnessreport.js"></script> |
+<script src="../testcommon.js"></script> |
+<link rel="stylesheet" href="../../../../resources/testharness.css"> |
+<body> |
+<div id="log"></div> |
+<script> |
+'use strict'; |
+ |
+promise_test(function(t) { |
+ var div = createDiv(t); |
+ var animation = div.animate({}, 100 * MS_PER_SEC); |
+ |
+ assert_equals(animation.playState, 'pending'); |
+ return animation.ready.then(function() { |
+ assert_equals(animation.playState, 'running'); |
+ }); |
+}, 'Animation.playState reports \'pending\'->\'running\' when initially ' + |
+ 'played'); |
+ |
+promise_test(function(t) { |
+ var div = createDiv(t); |
+ var animation = div.animate({}, 100 * MS_PER_SEC); |
+ animation.pause(); |
+ |
+ assert_equals(animation.playState, 'pending'); |
+ return animation.ready.then(function() { |
+ assert_equals(animation.playState, 'paused'); |
+ }); |
+}, 'Animation.playState reports \'pending\'->\'paused\' when pausing'); |
+ |
+test(function(t) { |
+ var div = createDiv(t); |
+ var animation = div.animate({}, 100 * MS_PER_SEC); |
+ animation.cancel(); |
+ assert_equals(animation.playState, 'idle'); |
+}, 'Animation.playState is \'idle\' when canceled.'); |
+ |
+test(function(t) { |
+ var div = createDiv(t); |
+ var animation = div.animate({}, 100 * MS_PER_SEC); |
+ animation.cancel(); |
+ animation.currentTime = 50 * MS_PER_SEC; |
+ assert_equals(animation.playState, 'paused', |
+ 'After seeking an idle animation, it is effectively paused'); |
+}, 'Animation.playState is \'paused\' after cancelling an animation, ' + |
+ 'seeking it makes it paused'); |
+ |
+</script> |
+</body> |