Index: third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animation-effect-timing/direction.html |
diff --git a/third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animation-effect-timing/direction.html b/third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animation-effect-timing/direction.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..83fb0fa0b37ee1d316059734b1b79ae560f1b6b6 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/imported/web-platform-tests/web-animations/animation-effect-timing/direction.html |
@@ -0,0 +1,28 @@ |
+<!DOCTYPE html> |
+<meta charset=utf-8> |
+<title>direction tests</title> |
+<link rel="help" href="https://w3c.github.io/web-animations/#dom-animationeffecttiming-direction"> |
+<link rel="author" title="Ryo Kato" href="mailto:foobar094@gmail.com"> |
+<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'; |
+ |
+test(function(t) { |
+ var div = createDiv(t); |
+ var anim = div.animate({ opacity: [ 0, 1 ] }, 2000); |
+ |
+ var directions = ['normal', 'reverse', 'alternate', 'alternate-reverse']; |
+ directions.forEach(function(direction) { |
+ anim.effect.timing.direction = direction; |
+ assert_equals(anim.effect.timing.direction, direction, |
+ 'set direction to ' + direction); |
+ }); |
+}, 'set direction to a valid keyword'); |
+ |
+</script> |
+</body> |