bard-legends-framework 0.9.6 → 0.9.7

package/dist/utilities/libraries/animator/animator.spec.js

@@ -1,670 +1,779 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? (o, m, k, k2) => {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = { enumerable: true, get: () => m[k] };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : (o, m, k, k2) => {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? (o, v) => {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : (o, v) => {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (mod => {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== 'default' && Object.hasOwn(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
-const helpers_lib_1 = require("helpers-lib");
-const ActionsLib = __importStar(require("actions-lib"));
-const animator_1 = require("./animator");
-const animations_1 = require("./animations");
-const decorate_actions_lib_1 = require("../../../game-entities/attachable/helpers/decorate-actions-lib");
+  });
+Object.defineProperty(exports, '__esModule', { value: true });
+const vitest_1 = require('vitest');
+const helpers_lib_1 = require('helpers-lib');
+const ActionsLib = __importStar(require('actions-lib'));
+const animator_1 = require('./animator');
+const animations_1 = require('./animations');
+const decorate_actions_lib_1 = require('../../../game-entities/attachable/helpers/decorate-actions-lib');
 decorate_actions_lib_1.ActionsLibDecorator.decorate(ActionsLib);
 (0, vitest_1.describe)('ANIMATOR', () => {
-    (0, vitest_1.describe)('Setup', () => {
-        (0, vitest_1.test)('constructor should throw error if target is not an object', () => {
-            let obj = 'string';
-            (0, vitest_1.expect)(() => {
-                new animator_1.Animator(obj, 'x');
-            }).toThrow();
-        });
-        (0, vitest_1.test)('constructor should throw error if target does not have all target properties', () => {
-            let obj = { x: 1, y: 2, z: 3 };
-            (0, vitest_1.expect)(() => {
-                new animator_1.Animator(obj, ['x', 't']);
-            }).toThrow();
-        });
-        (0, vitest_1.test)('constructor should throw error if target property is not a number', () => {
-            let obj = { x: 'fail' };
-            (0, vitest_1.expect)(() => {
-                new animator_1.Animator(obj, ['x']);
-            }).toThrow();
-        });
-        (0, vitest_1.test)('animate should throw error if non effected property tried to animate', () => {
-            (0, vitest_1.expect)(() => {
-                let obj = { x: 0, y: 0 };
-                let animator = new animator_1.Animator(obj, ['x', 't']);
-                animator.animate({ x: 5, y: 5 });
-            }).toThrow();
-        });
-        (0, vitest_1.test)('should throw error if multiple animators decorate the same object', () => {
-            (0, vitest_1.expect)(() => {
-                let obj = { x: 0 };
-                new animator_1.Animator(obj, 'x');
-                new animator_1.Animator(obj, 'x');
-            }).toThrow();
-        });
-        (0, vitest_1.test)('setting multiple update callbacks should throw error', () => {
-            (0, vitest_1.expect)(() => {
-                let obj = { x: 0 };
-                new animator_1.Animator(obj, 'x').onChange(() => { }).onChange(() => { });
-            }).toThrow();
-        });
+  (0, vitest_1.describe)('Setup', () => {
+    (0, vitest_1.test)('constructor should throw error if target is not an object', () => {
+      const obj = 'string';
+      (0, vitest_1.expect)(() => {
+        new animator_1.Animator(obj, 'x');
+      }).toThrow();
     });
-    (0, vitest_1.describe)('Animate', () => {
-        (0, vitest_1.test)('animate should not change the value before the update ticks', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x');
-            animator.animate({ x: 5 });
-            (0, vitest_1.expect)(obj.x).toEqual(0);
-        });
-        (0, vitest_1.test)('animate to target in lineer', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 4, animation: new animations_1.AnimationLineer() });
-            animator.animate({ x: 4 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(2);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(3);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(4);
-        });
-        (0, vitest_1.test)('animate only one property should not effect the other', () => {
-            let obj = { x: 0, y: 0 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 4, animation: new animations_1.AnimationLineer() });
-            animator.animate({ x: 4 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1, y: 0 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 0 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 3, y: 0 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 4, y: 0 });
-        });
-        (0, vitest_1.test)('animate with custom values should override the default settings', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 10, animation: new animations_1.AnimationLineer() });
-            animator.animate({ x: 10 }, { duration: 4, animation: new animations_1.AnimationEaseInOut() });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1.25 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 5 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 8.75 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 10 });
-        });
-        (0, vitest_1.test)('animate to target in easeInOut starting from zero', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 4, animation: new animations_1.AnimationEaseInOut() });
-            animator.animate({ x: 10 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(1.25);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(5);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(8.75);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(10);
-        });
-        (0, vitest_1.test)('animate to target in easeInOut starting from different value than zero', () => {
-            let obj = { x: 10 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 4, animation: new animations_1.AnimationEaseInOut() });
-            animator.animate({ x: 20 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(11.25);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(15);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(18.75);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(20);
-        });
-        (0, vitest_1.test)('animate to target and return back', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 1, animation: new animations_1.AnimationLineer() });
-            animator.animate({ x: 4 });
-            animator['update'](1);
-            animator.animate({ x: 0 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(0);
-        });
-        (0, vitest_1.test)('animate onChange callbacks', () => {
-            let obj = { x: 0 };
-            let valueFromOnStep = 0;
-            let onStepCallCount = 0;
-            let animator = new animator_1.Animator(obj, 'x', { duration: 4, animation: new animations_1.AnimationEaseInOut() }).onChange(item => {
-                valueFromOnStep = item.x;
-                onStepCallCount++;
-            });
-            animator.animate({ x: 10 });
-            (0, vitest_1.expect)(valueFromOnStep).toEqual(0);
-            (0, vitest_1.expect)(onStepCallCount).toEqual(0);
-            animator['update'](1);
-            (0, vitest_1.expect)(onStepCallCount).toEqual(1);
-            (0, vitest_1.expect)(valueFromOnStep).toEqual(1.25);
-            animator['update'](1);
-            (0, vitest_1.expect)(onStepCallCount).toEqual(2);
-            (0, vitest_1.expect)(valueFromOnStep).toEqual(5);
-            animator['update'](1);
-            (0, vitest_1.expect)(onStepCallCount).toEqual(3);
-            (0, vitest_1.expect)(valueFromOnStep).toEqual(8.75);
-            animator['update'](1);
-            (0, vitest_1.expect)(onStepCallCount).toEqual(4);
-            (0, vitest_1.expect)(valueFromOnStep).toEqual(10);
-            animator['update'](1);
-            animator['update'](1);
-            animator['update'](1);
-            (0, vitest_1.expect)(onStepCallCount).toEqual(4);
-        });
-        (0, vitest_1.test)('animate onChange should not be triggered before starting the animation', () => {
-            let onStepCallCount = 0;
-            let animator = new animator_1.Animator({ x: 0 }, 'x', { duration: 4, animation: new animations_1.AnimationEaseInOut() }).onChange(() => {
-                onStepCallCount++;
-            });
-            animator['update'](1);
-            (0, vitest_1.expect)(onStepCallCount).toEqual(0);
-        });
-        (0, vitest_1.test)('animation complete promise', async () => {
-            let obj = { x: 0 };
-            let completed = false;
-            let animator = new animator_1.Animator(obj, 'x');
-            animator.animate({ x: 1 }, { duration: 2 }).then(() => {
-                completed = true;
-            });
-            (0, vitest_1.expect)(completed).toBeFalsy();
-            animator['update'](1);
-            (0, vitest_1.expect)(completed).toBeFalsy();
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed).toBeTruthy();
-        });
-        (0, vitest_1.test)('animate getter/setter property', () => {
-            class Foo {
-                constructor() {
-                    this._x = 10;
-                }
-                get x() {
-                    return this._x;
-                }
-                set x(value) {
-                    this._x = value;
-                }
-            }
-            let obj = new Foo();
-            let animator = new animator_1.Animator(obj, ['x'], { duration: 4, animation: new animations_1.AnimationEaseInOut() });
-            animator.animate({ x: 20 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(11.25);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(15);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(18.75);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(20);
-        });
-        (0, vitest_1.test)('is animating should return true if it is animating', () => {
-            let animator = new animator_1.Animator({ x: 0 }, 'x', { duration: 1, animation: new animations_1.AnimationLineer() });
-            animator.animate({ x: 1 });
-            (0, vitest_1.expect)(animator.isAnimating).toBeTruthy();
-        });
-        (0, vitest_1.test)('is animating should return false if it is not animating', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 1, animation: new animations_1.AnimationLineer() });
-            (0, vitest_1.expect)(animator.isAnimating).toBeFalsy();
-            animator.animate({ x: 1 });
-            animator['update'](1);
-            (0, vitest_1.expect)(animator.isAnimating).toBeFalsy();
-        });
+    (0, vitest_1.test)('constructor should throw error if target does not have all target properties', () => {
+      const obj = { x: 1, y: 2, z: 3 };
+      (0, vitest_1.expect)(() => {
+        new animator_1.Animator(obj, ['x', 't']);
+      }).toThrow();
     });
-    (0, vitest_1.describe)('Animation Cycle Changes', () => {
-        (0, vitest_1.test)('pause animations should halt the progress', async () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 4, animation: new animations_1.AnimationLineer() });
-            animator.animate({ x: 4 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 2 });
-            animator.pauseAnimations();
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 2 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 2 });
-            animator.resumeAnimations();
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 3 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 4 });
-        });
-        (0, vitest_1.test)('new animations should not proceed while the animations are paused', async () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 2, animation: new animations_1.AnimationLineer() });
-            animator.pauseAnimations();
-            animator.animate({ x: 2 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 0 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 0 });
-            animator.resumeAnimations();
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 2 });
-        });
-        (0, vitest_1.test)('animation loop', async () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 2, animation: new animations_1.AnimationLineer(), loop: true });
-            animator.animate({ x: 2 }, { duration: 2 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(0);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-            animator['update'](0.8);
-            (0, vitest_1.expect)(obj.x).toEqual(1.8);
-            animator['update'](0.7);
-            (0, vitest_1.expect)(obj.x).toEqual(0.5);
-        });
+    (0, vitest_1.test)('constructor should throw error if target property is not a number', () => {
+      const obj = { x: 'fail' };
+      (0, vitest_1.expect)(() => {
+        new animator_1.Animator(obj, ['x']);
+      }).toThrow();
     });
-    (0, vitest_1.describe)('Animation Type Switch', () => {
-        (0, vitest_1.test)('re-animation handling option throw error should throw error', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 4, reAnimateHandling: animator_1.ReAnimateHandlingType.throwError });
-            animator.animate({ x: 1 });
-            (0, vitest_1.expect)(async () => await animator.animate({ x: 0 })).rejects.toThrow();
-            animator['update'](1);
-            (0, vitest_1.expect)(async () => await animator.animate({ x: 0 })).rejects.toThrow();
-        });
-        (0, vitest_1.test)('re-animation handling option ignore should ignore new animation', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 1, reAnimateHandling: animator_1.ReAnimateHandlingType.ignore });
-            animator.animate({ x: 1 });
-            animator.animate({ x: 2 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-        });
-        (0, vitest_1.test)('re-animation handling option ignore should ignore multiple property animation', () => {
-            let obj = { x: 0, y: 0 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 1, reAnimateHandling: animator_1.ReAnimateHandlingType.ignore });
-            animator.animate({ x: 1 });
-            animator.animate({ x: 2, y: 1 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1, y: 1 });
-        });
-        (0, vitest_1.test)('animate switch after finishes to a different animation type should not throw error', () => {
-            let obj = { x: 1 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 1 });
-            animator.animate({ x: 0 }, { animation: new animations_1.AnimationLineer() });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(0);
-            animator.animate({ x: 10 }, { duration: 4, animation: new animations_1.AnimationEaseInOut() });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(1.25);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(5);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(8.75);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(10);
-        });
-        (0, vitest_1.test)('re-animation handling option canceling should cancel the ongoing animation', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 1, reAnimateHandling: animator_1.ReAnimateHandlingType.cancelPrevious });
-            animator.animate({ x: 1 });
-            animator.animate({ x: 2 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(2);
-        });
-        (0, vitest_1.test)('re-animation handling option canceling should cancel the ongoing multiple property animation', () => {
-            let obj = { x: 0, y: 0 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 1, reAnimateHandling: animator_1.ReAnimateHandlingType.cancelPrevious });
-            animator.animate({ x: 1 });
-            animator.animate({ x: 2, y: 1 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 1 });
-        });
-        (0, vitest_1.test)('re-animation handling option canceling should cancel the animation with keeping the current value', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', { duration: 2, reAnimateHandling: animator_1.ReAnimateHandlingType.cancelPrevious });
-            animator.animate({ x: 2 });
-            animator['update'](1);
-            animator.animate({ x: 3 });
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(2);
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(3);
-        });
+    (0, vitest_1.test)('animate should throw error if non effected property tried to animate', () => {
+      (0, vitest_1.expect)(() => {
+        const obj = { x: 0, y: 0 };
+        const animator = new animator_1.Animator(obj, ['x', 't']);
+        animator.animate({ x: 5, y: 5 });
+      }).toThrow();
     });
-    (0, vitest_1.describe)('Set', () => {
-        (0, vitest_1.test)('it should throw error if it is animating', () => {
-            let animator = new animator_1.Animator({ x: 0 }, 'x', { duration: 1 });
-            animator.animate({ x: 1 });
-            (0, vitest_1.expect)(() => {
-                animator.set({ x: 0 });
-            }).toThrow();
-        });
-        (0, vitest_1.test)('it should throw error if the property is not valid', () => {
-            let animator = new animator_1.Animator({ x: 0 }, 'x');
-            (0, vitest_1.expect)(() => {
-                animator.set({ t: 0 });
-            }).toThrow();
-        });
-        (0, vitest_1.test)('it should change the original value', () => {
-            let obj = { x: 0, y: 1, z: 2 };
-            let animator = new animator_1.Animator(obj, ['x', 'y', 'z']);
-            animator.set({ x: 3, y: 4 });
-            (0, vitest_1.expect)(obj).toEqual({ x: 3, y: 4, z: 2 });
-        });
-        (0, vitest_1.test)('it should trigger onChange', () => {
-            let obj = { x: 0 };
-            let valueFromOnStep = 0;
-            let onStepCallCount = 0;
-            let animator = new animator_1.Animator(obj, 'x').onChange(item => {
-                valueFromOnStep = item.x;
-                onStepCallCount++;
-            });
-            animator.set({ x: 1 });
-            (0, vitest_1.expect)(valueFromOnStep).toEqual(1);
-            (0, vitest_1.expect)(onStepCallCount).toEqual(1);
-        });
-        (0, vitest_1.test)('it should not trigger onChange if the value is the same', () => {
-            let obj = { x: 0 };
-            let onStepCallCount = 0;
-            let animator = new animator_1.Animator(obj, 'x').onChange(() => {
-                onStepCallCount++;
-            });
-            animator.set({ x: 0 });
-            (0, vitest_1.expect)(onStepCallCount).toEqual(0);
-        });
+    (0, vitest_1.test)('should throw error if multiple animators decorate the same object', () => {
+      (0, vitest_1.expect)(() => {
+        const obj = { x: 0 };
+        new animator_1.Animator(obj, 'x');
+        new animator_1.Animator(obj, 'x');
+      }).toThrow();
     });
-    (0, vitest_1.describe)('Complete Animations', () => {
-        (0, vitest_1.test)('when animation is done it should respect the complete animaitons option', () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', {
-                duration: 1,
-                animation: new animations_1.AnimationLineer(),
-                completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.returnToOriginal
-            });
-            animator.animate({ x: 1 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj.x).toEqual(0);
-        });
-        (0, vitest_1.test)('complete animations should finalize the ongoing animation', async () => {
-            let obj = { x: 0 };
-            let completed = false;
-            let animator = new animator_1.Animator(obj, 'x');
-            animator.animate({ x: 1 }, { duration: 4 }).then(() => {
-                completed = true;
-            });
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed).toBeFalsy();
-            animator.completeAnimations();
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed).toBeTruthy();
-        });
-        (0, vitest_1.test)('complete animations should finalize the all ongoing animations', async () => {
-            let completed1 = false;
-            let completed2 = false;
-            let obj = { x: 0, y: 0 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 4, animation: new animations_1.AnimationEaseInOut() });
-            animator.animate({ y: 10 }, { loop: true }).then(() => {
-                completed1 = true;
-            });
-            animator['update'](1);
-            animator.animate({ x: 10 }).then(() => {
-                completed2 = true;
-            });
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed1).toBeFalsy();
-            (0, vitest_1.expect)(completed2).toBeFalsy();
-            animator.completeAnimations();
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed1).toBeTruthy();
-            (0, vitest_1.expect)(completed2).toBeTruthy();
-        });
-        (0, vitest_1.test)('complete animations stay in current state', async () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x');
-            animator.animate({ x: 4 }, {
-                duration: 4,
-                animation: new animations_1.AnimationLineer(),
-                completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.stayInCurrentState
-            });
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-            animator.completeAnimations();
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-        });
-        (0, vitest_1.test)('complete animations jump to end', async () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x');
-            animator.animate({ x: 4 }, {
-                duration: 4,
-                animation: new animations_1.AnimationLineer(),
-                completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.jumpToEnd
-            });
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-            animator.completeAnimations();
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(4);
-        });
-        (0, vitest_1.test)('complete animations return to original', async () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x');
-            animator.animate({ x: 4 }, {
-                duration: 4,
-                animation: new animations_1.AnimationLineer(),
-                completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.returnToOriginal
-            });
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-            animator.completeAnimations();
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(0);
-        });
-        (0, vitest_1.test)('complete animations options overriden in animate', async () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', {
-                completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.returnToOriginal
-            });
-            animator.animate({ x: 4 }, {
-                duration: 4,
-                animation: new animations_1.AnimationLineer(),
-                completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.jumpToEnd
-            });
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-            animator.completeAnimations();
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(4);
-        });
-        (0, vitest_1.test)('complete animations options overriden in complete animations funciton', async () => {
-            let obj = { x: 0 };
-            let animator = new animator_1.Animator(obj, 'x', {
-                completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.returnToOriginal
-            });
-            animator.animate({ x: 4 }, {
-                duration: 4,
-                animation: new animations_1.AnimationLineer(),
-                completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.jumpToEnd
-            });
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-            animator.completeAnimations(animator_1.CompleteAnimationsHandlingType.stayInCurrentState);
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(obj.x).toEqual(1);
-        });
-        (0, vitest_1.test)('complete animations should trigger onChange', async () => {
-            let obj = { x: 0 };
-            let completed = false;
-            let animator = new animator_1.Animator(obj, 'x', { duration: 1 }).onChange(() => {
-                completed = true;
-            });
-            animator.animate({ x: 1 });
-            animator.completeAnimations();
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed).toBeTruthy();
-        });
-        (0, vitest_1.test)('complete animations should not trigger on change if it is not animating', async () => {
-            let completed = false;
-            let animator = new animator_1.Animator({ x: 0 }, 'x').onChange(() => {
-                completed = true;
-            });
-            animator.completeAnimations();
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed).toBeFalsy();
-        });
+    (0, vitest_1.test)('setting multiple update callbacks should throw error', () => {
+      (0, vitest_1.expect)(() => {
+        const obj = { x: 0 };
+        new animator_1.Animator(obj, 'x').onChange(() => {}).onChange(() => {});
+      }).toThrow();
     });
-    (0, vitest_1.describe)('Mixing Different Configurations', () => {
-        (0, vitest_1.test)('animate multiple properties without mixing animation type', () => {
-            let obj = { x: 0, y: 10 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 4, animation: new animations_1.AnimationEaseInOut() });
-            animator.animate({ x: 10, y: 0 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1.25, y: 8.75 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 5, y: 5 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 8.75, y: 1.25 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 0 });
-        });
-        (0, vitest_1.test)('animate multiple properties with mixing animation type', () => {
-            let obj = { x: 0, y: 4 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 4 });
-            animator.animate({ x: 10 }, { animation: new animations_1.AnimationEaseInOut() });
-            animator.animate({ y: 0 }, { animation: new animations_1.AnimationLineer() });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1.25, y: 3 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 5, y: 2 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 8.75, y: 1 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 0 });
-        });
-        (0, vitest_1.test)('animate multiple properties async', () => {
-            let obj = { x: 0, y: 0 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 4, animation: new animations_1.AnimationEaseInOut() });
-            animator.animate({ y: 10 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 0, y: 1.25 });
-            animator.animate({ x: 10 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1.25, y: 5 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 5, y: 8.75 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 8.75, y: 10 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 10 });
-        });
-        (0, vitest_1.test)('animate multiple properties mixed with loop', () => {
-            let obj = { x: 0, y: 0 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 4, animation: new animations_1.AnimationEaseInOut() });
-            animator.animate({ y: 10 }, { loop: true });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 0, y: 1.25 });
-            animator.animate({ x: 10 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1.25, y: 5 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 5, y: 8.75 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 8.75, y: 0 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 1.25 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 5 });
-        });
-        (0, vitest_1.test)('animate multiple properties complete promise', async () => {
-            let completed1 = false;
-            let completed2 = false;
-            let obj = { x: 0, y: 0 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 4 });
-            animator.animate({ y: 10 }).then(() => {
-                completed1 = true;
-            });
-            animator['update'](1);
-            animator.animate({ x: 10 }).then(() => {
-                completed2 = true;
-            });
-            animator['update'](2);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed1).toBeFalsy();
-            (0, vitest_1.expect)(completed2).toBeFalsy();
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed1).toBeTruthy();
-            (0, vitest_1.expect)(completed2).toBeFalsy();
-            animator['update'](1);
-            await (0, helpers_lib_1.Wait)();
-            (0, vitest_1.expect)(completed1).toBeTruthy();
-            (0, vitest_1.expect)(completed2).toBeTruthy();
-        });
-        (0, vitest_1.test)('pause animations with mixed commands', async () => {
-            let obj = { x: 0, y: 0 };
-            let animator = new animator_1.Animator(obj, ['x', 'y'], { duration: 4, animation: new animations_1.AnimationLineer() });
-            animator.resumeAnimations();
-            animator.animate({ x: 4 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 1, y: 0 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 0 });
-            animator.pauseAnimations();
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 0 });
-            animator.pauseAnimations();
-            animator.animate({ y: 4 });
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 0 });
-            animator.resumeAnimations();
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 3, y: 1 });
-            animator.resumeAnimations();
-            animator['update'](1);
-            (0, vitest_1.expect)(obj).toEqual({ x: 4, y: 2 });
-        });
+  });
+  (0, vitest_1.describe)('Animate', () => {
+    (0, vitest_1.test)('animate should not change the value before the update ticks', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x');
+      animator.animate({ x: 5 });
+      (0, vitest_1.expect)(obj.x).toEqual(0);
+    });
+    (0, vitest_1.test)('animate to target in lineer', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 4,
+        animation: new animations_1.AnimationLineer()
+      });
+      animator.animate({ x: 4 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(2);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(3);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(4);
+    });
+    (0, vitest_1.test)('animate only one property should not effect the other', () => {
+      const obj = { x: 0, y: 0 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 4,
+        animation: new animations_1.AnimationLineer()
+      });
+      animator.animate({ x: 4 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1, y: 0 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 0 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 3, y: 0 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 4, y: 0 });
+    });
+    (0, vitest_1.test)('animate with custom values should override the default settings', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 10,
+        animation: new animations_1.AnimationLineer()
+      });
+      animator.animate({ x: 10 }, { duration: 4, animation: new animations_1.AnimationEaseInOut() });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1.25 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 5 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 8.75 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 10 });
+    });
+    (0, vitest_1.test)('animate to target in easeInOut starting from zero', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 4,
+        animation: new animations_1.AnimationEaseInOut()
+      });
+      animator.animate({ x: 10 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(1.25);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(5);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(8.75);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(10);
+    });
+    (0, vitest_1.test)('animate to target in easeInOut starting from different value than zero', () => {
+      const obj = { x: 10 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 4,
+        animation: new animations_1.AnimationEaseInOut()
+      });
+      animator.animate({ x: 20 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(11.25);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(15);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(18.75);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(20);
+    });
+    (0, vitest_1.test)('animate to target and return back', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 1,
+        animation: new animations_1.AnimationLineer()
+      });
+      animator.animate({ x: 4 });
+      animator['update'](1);
+      animator.animate({ x: 0 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(0);
+    });
+    (0, vitest_1.test)('animate onChange callbacks', () => {
+      const obj = { x: 0 };
+      let valueFromOnStep = 0;
+      let onStepCallCount = 0;
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 4,
+        animation: new animations_1.AnimationEaseInOut()
+      }).onChange(item => {
+        valueFromOnStep = item.x;
+        onStepCallCount++;
+      });
+      animator.animate({ x: 10 });
+      (0, vitest_1.expect)(valueFromOnStep).toEqual(0);
+      (0, vitest_1.expect)(onStepCallCount).toEqual(0);
+      animator['update'](1);
+      (0, vitest_1.expect)(onStepCallCount).toEqual(1);
+      (0, vitest_1.expect)(valueFromOnStep).toEqual(1.25);
+      animator['update'](1);
+      (0, vitest_1.expect)(onStepCallCount).toEqual(2);
+      (0, vitest_1.expect)(valueFromOnStep).toEqual(5);
+      animator['update'](1);
+      (0, vitest_1.expect)(onStepCallCount).toEqual(3);
+      (0, vitest_1.expect)(valueFromOnStep).toEqual(8.75);
+      animator['update'](1);
+      (0, vitest_1.expect)(onStepCallCount).toEqual(4);
+      (0, vitest_1.expect)(valueFromOnStep).toEqual(10);
+      animator['update'](1);
+      animator['update'](1);
+      animator['update'](1);
+      (0, vitest_1.expect)(onStepCallCount).toEqual(4);
+    });
+    (0, vitest_1.test)('animate onChange should not be triggered before starting the animation', () => {
+      let onStepCallCount = 0;
+      const animator = new animator_1.Animator({ x: 0 }, 'x', {
+        duration: 4,
+        animation: new animations_1.AnimationEaseInOut()
+      }).onChange(() => {
+        onStepCallCount++;
+      });
+      animator['update'](1);
+      (0, vitest_1.expect)(onStepCallCount).toEqual(0);
+    });
+    (0, vitest_1.test)('animation complete promise', async () => {
+      const obj = { x: 0 };
+      let completed = false;
+      const animator = new animator_1.Animator(obj, 'x');
+      animator.animate({ x: 1 }, { duration: 2 }).then(() => {
+        completed = true;
+      });
+      (0, vitest_1.expect)(completed).toBeFalsy();
+      animator['update'](1);
+      (0, vitest_1.expect)(completed).toBeFalsy();
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed).toBeTruthy();
+    });
+    (0, vitest_1.test)('animate getter/setter property', () => {
+      class Foo {
+        constructor() {
+          this._x = 10;
+        }
+        get x() {
+          return this._x;
+        }
+        set x(value) {
+          this._x = value;
+        }
+      }
+      const obj = new Foo();
+      const animator = new animator_1.Animator(obj, ['x'], {
+        duration: 4,
+        animation: new animations_1.AnimationEaseInOut()
+      });
+      animator.animate({ x: 20 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(11.25);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(15);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(18.75);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(20);
+    });
+    (0, vitest_1.test)('is animating should return true if it is animating', () => {
+      const animator = new animator_1.Animator({ x: 0 }, 'x', {
+        duration: 1,
+        animation: new animations_1.AnimationLineer()
+      });
+      animator.animate({ x: 1 });
+      (0, vitest_1.expect)(animator.isAnimating).toBeTruthy();
+    });
+    (0, vitest_1.test)('is animating should return false if it is not animating', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 1,
+        animation: new animations_1.AnimationLineer()
+      });
+      (0, vitest_1.expect)(animator.isAnimating).toBeFalsy();
+      animator.animate({ x: 1 });
+      animator['update'](1);
+      (0, vitest_1.expect)(animator.isAnimating).toBeFalsy();
+    });
+  });
+  (0, vitest_1.describe)('Animation Cycle Changes', () => {
+    (0, vitest_1.test)('pause animations should halt the progress', async () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 4,
+        animation: new animations_1.AnimationLineer()
+      });
+      animator.animate({ x: 4 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 2 });
+      animator.pauseAnimations();
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 2 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 2 });
+      animator.resumeAnimations();
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 3 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 4 });
+    });
+    (0, vitest_1.test)('new animations should not proceed while the animations are paused', async () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 2,
+        animation: new animations_1.AnimationLineer()
+      });
+      animator.pauseAnimations();
+      animator.animate({ x: 2 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 0 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 0 });
+      animator.resumeAnimations();
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 2 });
+    });
+    (0, vitest_1.test)('animation loop', async () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 2,
+        animation: new animations_1.AnimationLineer(),
+        loop: true
+      });
+      animator.animate({ x: 2 }, { duration: 2 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(0);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+      animator['update'](0.8);
+      (0, vitest_1.expect)(obj.x).toEqual(1.8);
+      animator['update'](0.7);
+      (0, vitest_1.expect)(obj.x).toEqual(0.5);
+    });
+  });
+  (0, vitest_1.describe)('Animation Type Switch', () => {
+    (0, vitest_1.test)('re-animation handling option throw error should throw error', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 4,
+        reAnimateHandling: animator_1.ReAnimateHandlingType.throwError
+      });
+      animator.animate({ x: 1 });
+      (0, vitest_1.expect)(async () => await animator.animate({ x: 0 })).rejects.toThrow();
+      animator['update'](1);
+      (0, vitest_1.expect)(async () => await animator.animate({ x: 0 })).rejects.toThrow();
+    });
+    (0, vitest_1.test)('re-animation handling option ignore should ignore new animation', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 1,
+        reAnimateHandling: animator_1.ReAnimateHandlingType.ignore
+      });
+      animator.animate({ x: 1 });
+      animator.animate({ x: 2 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+    });
+    (0, vitest_1.test)('re-animation handling option ignore should ignore multiple property animation', () => {
+      const obj = { x: 0, y: 0 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 1,
+        reAnimateHandling: animator_1.ReAnimateHandlingType.ignore
+      });
+      animator.animate({ x: 1 });
+      animator.animate({ x: 2, y: 1 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1, y: 1 });
+    });
+    (0, vitest_1.test)('animate switch after finishes to a different animation type should not throw error', () => {
+      const obj = { x: 1 };
+      const animator = new animator_1.Animator(obj, 'x', { duration: 1 });
+      animator.animate({ x: 0 }, { animation: new animations_1.AnimationLineer() });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(0);
+      animator.animate({ x: 10 }, { duration: 4, animation: new animations_1.AnimationEaseInOut() });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(1.25);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(5);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(8.75);
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(10);
+    });
+    (0, vitest_1.test)('re-animation handling option canceling should cancel the ongoing animation', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 1,
+        reAnimateHandling: animator_1.ReAnimateHandlingType.cancelPrevious
+      });
+      animator.animate({ x: 1 });
+      animator.animate({ x: 2 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(2);
+    });
+    (0, vitest_1.test)('re-animation handling option canceling should cancel the ongoing multiple property animation', () => {
+      const obj = { x: 0, y: 0 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 1,
+        reAnimateHandling: animator_1.ReAnimateHandlingType.cancelPrevious
+      });
+      animator.animate({ x: 1 });
+      animator.animate({ x: 2, y: 1 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 1 });
+    });
+    (0, vitest_1.test)(
+      're-animation handling option canceling should cancel the animation with keeping the current value',
+      () => {
+        const obj = { x: 0 };
+        const animator = new animator_1.Animator(obj, 'x', {
+          duration: 2,
+          reAnimateHandling: animator_1.ReAnimateHandlingType.cancelPrevious
+        });
+        animator.animate({ x: 2 });
+        animator['update'](1);
+        animator.animate({ x: 3 });
+        (0, vitest_1.expect)(obj.x).toEqual(1);
+        animator['update'](1);
+        (0, vitest_1.expect)(obj.x).toEqual(2);
+        animator['update'](1);
+        (0, vitest_1.expect)(obj.x).toEqual(3);
+      }
+    );
+  });
+  (0, vitest_1.describe)('Set', () => {
+    (0, vitest_1.test)('it should throw error if it is animating', () => {
+      const animator = new animator_1.Animator({ x: 0 }, 'x', { duration: 1 });
+      animator.animate({ x: 1 });
+      (0, vitest_1.expect)(() => {
+        animator.set({ x: 0 });
+      }).toThrow();
+    });
+    (0, vitest_1.test)('it should throw error if the property is not valid', () => {
+      const animator = new animator_1.Animator({ x: 0 }, 'x');
+      (0, vitest_1.expect)(() => {
+        animator.set({ t: 0 });
+      }).toThrow();
+    });
+    (0, vitest_1.test)('it should change the original value', () => {
+      const obj = { x: 0, y: 1, z: 2 };
+      const animator = new animator_1.Animator(obj, ['x', 'y', 'z']);
+      animator.set({ x: 3, y: 4 });
+      (0, vitest_1.expect)(obj).toEqual({ x: 3, y: 4, z: 2 });
+    });
+    (0, vitest_1.test)('it should trigger onChange', () => {
+      const obj = { x: 0 };
+      let valueFromOnStep = 0;
+      let onStepCallCount = 0;
+      const animator = new animator_1.Animator(obj, 'x').onChange(item => {
+        valueFromOnStep = item.x;
+        onStepCallCount++;
+      });
+      animator.set({ x: 1 });
+      (0, vitest_1.expect)(valueFromOnStep).toEqual(1);
+      (0, vitest_1.expect)(onStepCallCount).toEqual(1);
+    });
+    (0, vitest_1.test)('it should not trigger onChange if the value is the same', () => {
+      const obj = { x: 0 };
+      let onStepCallCount = 0;
+      const animator = new animator_1.Animator(obj, 'x').onChange(() => {
+        onStepCallCount++;
+      });
+      animator.set({ x: 0 });
+      (0, vitest_1.expect)(onStepCallCount).toEqual(0);
+    });
+  });
+  (0, vitest_1.describe)('Complete Animations', () => {
+    (0, vitest_1.test)('when animation is done it should respect the complete animaitons option', () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 1,
+        animation: new animations_1.AnimationLineer(),
+        completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.returnToOriginal
+      });
+      animator.animate({ x: 1 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj.x).toEqual(0);
+    });
+    (0, vitest_1.test)('complete animations should finalize the ongoing animation', async () => {
+      const obj = { x: 0 };
+      let completed = false;
+      const animator = new animator_1.Animator(obj, 'x');
+      animator.animate({ x: 1 }, { duration: 4 }).then(() => {
+        completed = true;
+      });
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed).toBeFalsy();
+      animator.completeAnimations();
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed).toBeTruthy();
+    });
+    (0, vitest_1.test)('complete animations should finalize the all ongoing animations', async () => {
+      let completed1 = false;
+      let completed2 = false;
+      const obj = { x: 0, y: 0 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 4,
+        animation: new animations_1.AnimationEaseInOut()
+      });
+      animator.animate({ y: 10 }, { loop: true }).then(() => {
+        completed1 = true;
+      });
+      animator['update'](1);
+      animator.animate({ x: 10 }).then(() => {
+        completed2 = true;
+      });
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed1).toBeFalsy();
+      (0, vitest_1.expect)(completed2).toBeFalsy();
+      animator.completeAnimations();
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed1).toBeTruthy();
+      (0, vitest_1.expect)(completed2).toBeTruthy();
+    });
+    (0, vitest_1.test)('complete animations stay in current state', async () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x');
+      animator.animate(
+        { x: 4 },
+        {
+          duration: 4,
+          animation: new animations_1.AnimationLineer(),
+          completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.stayInCurrentState
+        }
+      );
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+      animator.completeAnimations();
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+    });
+    (0, vitest_1.test)('complete animations jump to end', async () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x');
+      animator.animate(
+        { x: 4 },
+        {
+          duration: 4,
+          animation: new animations_1.AnimationLineer(),
+          completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.jumpToEnd
+        }
+      );
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+      animator.completeAnimations();
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(4);
+    });
+    (0, vitest_1.test)('complete animations return to original', async () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x');
+      animator.animate(
+        { x: 4 },
+        {
+          duration: 4,
+          animation: new animations_1.AnimationLineer(),
+          completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.returnToOriginal
+        }
+      );
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+      animator.completeAnimations();
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(0);
+    });
+    (0, vitest_1.test)('complete animations options overriden in animate', async () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.returnToOriginal
+      });
+      animator.animate(
+        { x: 4 },
+        {
+          duration: 4,
+          animation: new animations_1.AnimationLineer(),
+          completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.jumpToEnd
+        }
+      );
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+      animator.completeAnimations();
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(4);
+    });
+    (0, vitest_1.test)('complete animations options overriden in complete animations funciton', async () => {
+      const obj = { x: 0 };
+      const animator = new animator_1.Animator(obj, 'x', {
+        completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.returnToOriginal
+      });
+      animator.animate(
+        { x: 4 },
+        {
+          duration: 4,
+          animation: new animations_1.AnimationLineer(),
+          completeAnimationsHandling: animator_1.CompleteAnimationsHandlingType.jumpToEnd
+        }
+      );
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+      animator.completeAnimations(animator_1.CompleteAnimationsHandlingType.stayInCurrentState);
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(obj.x).toEqual(1);
+    });
+    (0, vitest_1.test)('complete animations should trigger onChange', async () => {
+      const obj = { x: 0 };
+      let completed = false;
+      const animator = new animator_1.Animator(obj, 'x', {
+        duration: 1
+      }).onChange(() => {
+        completed = true;
+      });
+      animator.animate({ x: 1 });
+      animator.completeAnimations();
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed).toBeTruthy();
+    });
+    (0, vitest_1.test)('complete animations should not trigger on change if it is not animating', async () => {
+      let completed = false;
+      const animator = new animator_1.Animator({ x: 0 }, 'x').onChange(() => {
+        completed = true;
+      });
+      animator.completeAnimations();
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed).toBeFalsy();
+    });
+  });
+  (0, vitest_1.describe)('Mixing Different Configurations', () => {
+    (0, vitest_1.test)('animate multiple properties without mixing animation type', () => {
+      const obj = { x: 0, y: 10 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 4,
+        animation: new animations_1.AnimationEaseInOut()
+      });
+      animator.animate({ x: 10, y: 0 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1.25, y: 8.75 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 5, y: 5 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 8.75, y: 1.25 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 0 });
+    });
+    (0, vitest_1.test)('animate multiple properties with mixing animation type', () => {
+      const obj = { x: 0, y: 4 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 4
+      });
+      animator.animate({ x: 10 }, { animation: new animations_1.AnimationEaseInOut() });
+      animator.animate({ y: 0 }, { animation: new animations_1.AnimationLineer() });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1.25, y: 3 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 5, y: 2 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 8.75, y: 1 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 0 });
+    });
+    (0, vitest_1.test)('animate multiple properties async', () => {
+      const obj = { x: 0, y: 0 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 4,
+        animation: new animations_1.AnimationEaseInOut()
+      });
+      animator.animate({ y: 10 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 0, y: 1.25 });
+      animator.animate({ x: 10 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1.25, y: 5 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 5, y: 8.75 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 8.75, y: 10 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 10 });
+    });
+    (0, vitest_1.test)('animate multiple properties mixed with loop', () => {
+      const obj = { x: 0, y: 0 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 4,
+        animation: new animations_1.AnimationEaseInOut()
+      });
+      animator.animate({ y: 10 }, { loop: true });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 0, y: 1.25 });
+      animator.animate({ x: 10 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1.25, y: 5 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 5, y: 8.75 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 8.75, y: 0 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 1.25 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 10, y: 5 });
+    });
+    (0, vitest_1.test)('animate multiple properties complete promise', async () => {
+      let completed1 = false;
+      let completed2 = false;
+      const obj = { x: 0, y: 0 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 4
+      });
+      animator.animate({ y: 10 }).then(() => {
+        completed1 = true;
+      });
+      animator['update'](1);
+      animator.animate({ x: 10 }).then(() => {
+        completed2 = true;
+      });
+      animator['update'](2);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed1).toBeFalsy();
+      (0, vitest_1.expect)(completed2).toBeFalsy();
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed1).toBeTruthy();
+      (0, vitest_1.expect)(completed2).toBeFalsy();
+      animator['update'](1);
+      await (0, helpers_lib_1.Wait)();
+      (0, vitest_1.expect)(completed1).toBeTruthy();
+      (0, vitest_1.expect)(completed2).toBeTruthy();
+    });
+    (0, vitest_1.test)('pause animations with mixed commands', async () => {
+      const obj = { x: 0, y: 0 };
+      const animator = new animator_1.Animator(obj, ['x', 'y'], {
+        duration: 4,
+        animation: new animations_1.AnimationLineer()
+      });
+      animator.resumeAnimations();
+      animator.animate({ x: 4 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 1, y: 0 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 0 });
+      animator.pauseAnimations();
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 0 });
+      animator.pauseAnimations();
+      animator.animate({ y: 4 });
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 2, y: 0 });
+      animator.resumeAnimations();
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 3, y: 1 });
+      animator.resumeAnimations();
+      animator['update'](1);
+      (0, vitest_1.expect)(obj).toEqual({ x: 4, y: 2 });
     });
+  });
 });
-//# sourceMappingURL=animator.spec.js.map
+//# sourceMappingURL=animator.spec.js.map