Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(71)

Unified Diff: third_party/WebKit/LayoutTests/animations/element-animate-iterable-keyframes.html

Issue 2976613002: Move Web Animations API tests to subdirectory (Closed)
Patch Set: Created 3 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698