81 lines
2.4 KiB
TypeScript
81 lines
2.4 KiB
TypeScript
|
/**
|
||
|
|
* @license
|
||
|
|
* Copyright Google Inc. All Rights Reserved.
|
||
|
|
*
|
||
|
|
* Use of this source code is governed by an MIT-style license that can be
|
||
|
|
* found in the LICENSE file at https://angular.io/license
|
||
|
|
*/
|
||
|
|
import {AUTO_STYLE, AnimationPlayer, NoOpAnimationPlayer, ɵStyleData} from '@angular/animations';
|
||
|
|
|
||
|
|
import {AnimationDriver} from '../src/render/animation_driver';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @experimental Animation support is experimental.
|
||
|
|
*/
|
||
|
|
export class MockAnimationDriver implements AnimationDriver {
|
||
|
|
static log: AnimationPlayer[] = [];
|
||
|
|
|
||
|
|
animate(
|
||
|
|
element: any, keyframes: {[key: string]: string | number}[], duration: number, delay: number,
|
||
|
|
easing: string, previousPlayers: any[] = []): MockAnimationPlayer {
|
||
|
|
const player =
|
||
|
|
new MockAnimationPlayer(element, keyframes, duration, delay, easing, previousPlayers);
|
||
|
|
MockAnimationDriver.log.push(<AnimationPlayer>player);
|
||
|
|
return player;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @experimental Animation support is experimental.
|
||
|
|
*/
|
||
|
|
export class MockAnimationPlayer extends NoOpAnimationPlayer {
|
||
|
|
private __finished = false;
|
||
|
|
public previousStyles: {[key: string]: string | number} = {};
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
public element: any, public keyframes: {[key: string]: string | number}[],
|
||
|
|
public duration: number, public delay: number, public easing: string,
|
||
|
|
public previousPlayers: any[]) {
|
||
|
|
super();
|
||
|
|
previousPlayers.forEach(player => {
|
||
|
|
if (player instanceof MockAnimationPlayer) {
|
||
|
|
const styles = player._captureStyles();
|
||
|
|
Object.keys(styles).forEach(prop => { this.previousStyles[prop] = styles[prop]; });
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
finish(): void {
|
||
|
|
super.finish();
|
||
|
|
this.__finished = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
destroy(): void {
|
||
|
|
super.destroy();
|
||
|
|
this.__finished = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
private _captureStyles(): {[styleName: string]: string | number} {
|
||
|
|
const captures: ɵStyleData = {};
|
||
|
|
|
||
|
|
Object.keys(this.previousStyles).forEach(prop => {
|
||
|
|
captures[prop] = this.previousStyles[prop];
|
||
|
|
});
|
||
|
|
|
||
|
|
if (this.hasStarted()) {
|
||
|
|
// when assembling the captured styles, it's important that
|
||
|
|
// we build the keyframe styles in the following order:
|
||
|
|
// {other styles within keyframes, ... previousStyles }
|
||
|
|
this.keyframes.forEach(kf => {
|
||
|
|
Object.keys(kf).forEach(prop => {
|
||
|
|
if (prop != 'offset') {
|
||
|
|
captures[prop] = this.__finished ? kf[prop] : AUTO_STYLE;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return captures;
|
||
|
|
}
|
||
|
|
}
|