Index: third_party/WebKit/LayoutTests/animations/element-animate-iterable-keyframes.html |
diff --git a/third_party/WebKit/LayoutTests/animations/element-animate-iterable-keyframes.html b/third_party/WebKit/LayoutTests/animations/element-animate-iterable-keyframes.html |
deleted file mode 100644 |
index a4c43ffdac98bb630318dd0f74ddc8dc847f7a3d..0000000000000000000000000000000000000000 |
--- a/third_party/WebKit/LayoutTests/animations/element-animate-iterable-keyframes.html |
+++ /dev/null |
@@ -1,162 +0,0 @@ |
-<!DOCTYPE html> |
-<script src="../resources/testharness.js"></script> |
-<script src="../resources/testharnessreport.js"></script> |
-<body></body> |
-<script> |
-function assertAnimationEffect({keyframes, expect}) { |
- var target = document.createElement('target'); |
- document.body.appendChild(target); |
- var animation = target.animate(keyframes, {duration: 1, fill: 'forwards'}); |
- animation.pause(); |
- for (var {at, is} of expect) { |
- animation.currentTime = at; |
- for (var property in is) |
- assert_equals(getComputedStyle(target)[property], is[property], `${property} is ${is[property]} at ${at}`); |
- } |
- target.remove(); |
-} |
- |
-function createIterable(iterations) { |
- return { |
- [Symbol.iterator]() { |
- var i = 0; |
- return {next: () => iterations[i++]}; |
- }, |
- }; |
-} |
- |
-test(() => { |
- assertAnimationEffect({ |
- keyframes: createIterable([ |
- {done: false, value: {left: '100px'}}, |
- {done: false, value: {left: '300px'}}, |
- {done: false, value: {left: '200px'}}, |
- {done: true}, |
- ]), |
- expect: [ |
- {at: 0, is: {left: '100px'}}, |
- {at: 0.25, is: {left: '200px'}}, |
- {at: 0.5, is: {left: '300px'}}, |
- {at: 0.75, is: {left: '250px'}}, |
- {at: 1, is: {left: '200px'}}, |
- ], |
- }); |
-}, 'Custom iterator with basic keyframes.'); |
- |
-test(() => { |
- assertAnimationEffect({ |
- keyframes: { |
- left: createIterable([ |
- {done: false, value: '100px'}, |
- {done: false, value: '300px'}, |
- {done: false, value: '200px'}, |
- {done: true}, |
- ]), |
- }, |
- expect: [ |
- {at: 0, is: {left: '100px'}}, |
- {at: 0.25, is: {left: '200px'}}, |
- {at: 0.5, is: {left: '300px'}}, |
- {at: 0.75, is: {left: '250px'}}, |
- {at: 1, is: {left: '200px'}}, |
- ], |
- }); |
-}, 'Custom iterator in property indexed keyframes.'); |
- |
-test(() => { |
- var keyframes = createIterable([ |
- {done: false, value: {left: '100px'}}, |
- {done: false, value: {left: '300px'}}, |
- {done: false, value: {left: '200px'}}, |
- {done: true}, |
- ]); |
- keyframes.easing = 'ease-in-out'; |
- keyframes.offset = '0.1'; |
- assertAnimationEffect({ |
- keyframes, |
- expect: [ |
- {at: 0, is: {left: '100px'}}, |
- {at: 0.25, is: {left: '200px'}}, |
- {at: 0.5, is: {left: '300px'}}, |
- {at: 0.75, is: {left: '250px'}}, |
- {at: 1, is: {left: '200px'}}, |
- ], |
- }); |
-}, 'easing and offset are ignored on iterable objects.'); |
- |
-test(() => { |
- assertAnimationEffect({ |
- keyframes: createIterable([ |
- {done: false, value: {left: '100px', top: '200px'}}, |
- {done: false, value: {left: '300px'}}, |
- {done: false, value: {left: '200px', top: '100px'}}, |
- {done: true}, |
- ]), |
- expect: [ |
- {at: 0, is: {left: '100px', top: '200px'}}, |
- {at: 0.25, is: {left: '200px', top: '175px'}}, |
- {at: 0.5, is: {left: '300px', top: '150px'}}, |
- {at: 0.75, is: {left: '250px', top: '125px'}}, |
- {at: 1, is: {left: '200px', top: '100px'}}, |
- ], |
- }); |
-}, 'Custom iterator with multiple properties specified.'); |
- |
-test(() => { |
- assertAnimationEffect({ |
- keyframes: createIterable([ |
- {done: false, value: {left: '100px'}}, |
- {done: false, value: {left: '250px', offset: 0.75}}, |
- {done: false, value: {left: '200px'}}, |
- {done: true}, |
- ]), |
- expect: [ |
- {at: 0, is: {left: '100px'}}, |
- {at: 0.25, is: {left: '150px'}}, |
- {at: 0.5, is: {left: '200px'}}, |
- {at: 0.75, is: {left: '250px'}}, |
- {at: 1, is: {left: '200px'}}, |
- ], |
- }); |
-}, 'Custom iterator with offset specified.'); |
- |
-test(() => { |
- assert_throws({name: 'TypeError'}, () => { |
- assertAnimationEffect({ |
- keyframes: createIterable([ |
- {done: false, value: {left: '100px'}}, |
- {done: false, value: 1234}, |
- {done: false, value: {left: '200px'}}, |
- {done: true}, |
- ]), |
- expect: [], |
- }); |
- }); |
-}, 'Custom iterator with non object keyframe should throw.'); |
- |
-test(() => { |
- assert_throws({name: 'TypeError'}, () => { |
- assertAnimationEffect({ |
- keyframes: createIterable([ |
- {done: false, value: {left: ['100px', '200px']}}, |
- {done: true}, |
- ]), |
- expect: [], |
- }); |
- }); |
-}, 'Custom iterator with value list in keyframe should throw.'); |
- |
-test(() => { |
- assert_throws({name: 'TypeError'}, () => { |
- assertAnimationEffect({ |
- keyframes: { |
- left: createIterable([ |
- {done: false, value: {toString: null}}, |
- {done: true}, |
- ]), |
- }, |
- expect: [], |
- }); |
- }); |
-}, 'Custom iterator in property indexed keyframes with null toString method should throw.'); |
-</script> |