Upstream animation-play-after-finish-restarts.html from Blink (#3335)

Import https://chromium.googlesource.com/chromium/src/+/f9c8bd86683623176fb87b8cdc84bac594c46176/third_party/WebKit/LayoutTests/web-animations-api/animation-play-after-finish-restarts.html
web-platform-tests · Mar 17, 2017 · cccdbe1 · cccdbe1
1 parent 10d0d5a
commit cccdbe1
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/web-animations/timing-model/animations/playing-an-animation.html b/web-animations/timing-model/animations/playing-an-animation.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Playing an animation</title>
+<link rel="help"
+      href="https://w3c.github.io/web-animations/#playing-an-animation-section">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../testcommon.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+test(function(t) {
+  var animation = createDiv(t).animate(null, 100 * MS_PER_SEC);
+  animation.currentTime = 1 * MS_PER_SEC;
+  assert_times_equal(animation.currentTime, 1 * MS_PER_SEC);
+  animation.play();
+  assert_times_equal(animation.currentTime, 1 * MS_PER_SEC);
+}, 'Playing a running animation leaves the current time unchanged');
+
+test(function(t) {
+  var animation = createDiv(t).animate(null, 100 * MS_PER_SEC);
+  animation.finish();
+  assert_times_equal(animation.currentTime, 100 * MS_PER_SEC);
+  animation.play();
+  assert_times_equal(animation.currentTime, 0);
+}, 'Playing a finished animation seeks back to the start');
+
+test(function(t) {
+  var animation = createDiv(t).animate(null, 100 * MS_PER_SEC);
+  animation.playbackRate = -1;
+  animation.currentTime = 0;
+  assert_times_equal(animation.currentTime, 0);
+  animation.play();
+  assert_times_equal(animation.currentTime, 100 * MS_PER_SEC);
+}, 'Playing a finished and reversed animation seeks to end');
+
+</script>
+</body>