Index: LayoutTests/web-animations-api/w3c/keyframes-with-null-offsets.html |
diff --git a/LayoutTests/web-animations-api/w3c/keyframes-with-null-offsets.html b/LayoutTests/web-animations-api/w3c/keyframes-with-null-offsets.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8b46edfe27d33eb76b875f1342618814bcc335c4 |
--- /dev/null |
+++ b/LayoutTests/web-animations-api/w3c/keyframes-with-null-offsets.html |
@@ -0,0 +1,40 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<script src="resources/keyframes-test.js"></script> |
+<script> |
+test(function() { |
+ assertAnimationStyles([ |
+ {opacity: '0.5', left: '50px'}, |
+ {opacity: '0', left: '0px', offset: null}, |
+ {opacity: '0.75', left: '75px', offset: null}, |
+ ], { |
+ 0: {opacity: '0.5', left: '50px'}, |
+ 0.25: {opacity: '0.25', left: '25px'}, |
+ 0.5: {opacity: '0', left: '0px'}, |
+ 0.75: {opacity: '0.375', left: '37.5px'}, |
+ 1: {opacity: '0.75', left: '75px'}, |
+ }, 'case A'); |
+ assertAnimationStyles([ |
+ {opacity: '0.5', left: '50px', offset: null}, |
+ {opacity: '0', left: '0px', offset: 0.25}, |
+ {opacity: '0.75', left: '75px', offset: null}, |
+ ], { |
+ 0: {opacity: '0.5', left: '50px'}, |
+ 0.125: {opacity: '0.25', left: '25px'}, |
+ 0.25: {opacity: '0', left: '0px'}, |
+ 0.5: {opacity: '0.25', left: '25px'}, |
+ 0.75: {opacity: '0.5', left: '50px'}, |
+ 1: {opacity: '0.75', left: '75px'}, |
+ }, 'case B'); |
+}, |
+'element.animate() with null offsets specified', |
+{ |
+ help: 'http://dev.w3.org/fxtf/web-animations/#the-keyframe-dictionary', |
+ assert: [ |
+ 'element.animate() should start an animation when keyframes are specified with', |
+ 'null offsets. The behaviour should be identical to not specifying the offsets.', |
+ ], |
+ author: 'Alan Cutter', |
+}); |
+</script> |