Index: third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/KeyframeEffect/spacing.html |
diff --git a/third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/KeyframeEffect/spacing.html b/third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/KeyframeEffect/spacing.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..612a3af8d9edb4b3a3e37dddc2c5c76bf7de0a23 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/imported/wpt/web-animations/interfaces/KeyframeEffect/spacing.html |
@@ -0,0 +1,60 @@ |
+<!DOCTYPE html> |
+<meta charset=utf-8> |
+<title>KeyframeEffect spacing attribute tests</title> |
+<link rel="help" |
+ href="https://w3c.github.io/web-animations/#dom-keyframeeffect-spacing"> |
+<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 anim = createDiv(t).animate(null); |
+ assert_throws(new TypeError, function() { |
+ anim.effect.spacing = ''; |
+ }); |
+}, 'Test throwing TypeError if using empty string'); |
+ |
+test(function(t) { |
+ var anim = createDiv(t).animate(null); |
+ assert_throws(new TypeError, function() { |
+ anim.effect.spacing = 'dist'; |
+ }); |
+}, 'Test throwing TypeError if not using the correct keyword'); |
+ |
+test(function(t) { |
+ var anim = createDiv(t).animate(null); |
+ anim.effect.spacing = 'paced(A)'; |
+ assert_equals(anim.effect.spacing, 'distribute', 'spacing mode'); |
+}, 'Test falling back to distribute spacing if using a unrecognized property'); |
+ |
+test(function(t) { |
+ var anim = createDiv(t).animate(null); |
+ anim.effect.spacing = 'paced(--bg-color)'; |
+ assert_equals(anim.effect.spacing, 'distribute', 'spacing mode'); |
+}, 'Test falling back to distribute spacing if using CSS variables'); |
+ |
+test(function(t) { |
+ var anim = createDiv(t).animate(null); |
+ anim.effect.spacing = 'paced(animation-duration)'; |
+ assert_equals(anim.effect.spacing, 'distribute', 'spacing mode'); |
+}, 'Test falling back to distribute spacing if using a non-animatable ' + |
+ 'property'); |
+ |
+test(function(t) { |
+ var anim = createDiv(t).animate(null); |
+ anim.effect.spacing = 'distribute'; |
+ assert_equals(anim.effect.spacing, 'distribute', 'spacing mode'); |
+}, 'Test spacing value if setting distribute'); |
+ |
+test(function(t) { |
+ var anim = createDiv(t).animate(null); |
+ anim.effect.spacing = 'paced(transform)'; |
+ assert_equals(anim.effect.spacing, 'paced(transform)', 'spacing mode'); |
+}, 'Test spacing value if setting paced'); |
+ |
+</script> |
+</body> |