javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-16 11:42:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fixed the animation tests.

Browse Source
This commit is contained in:
Rossen Hristov
2015-07-30 11:35:01 +03:00
parent 0d0b6eb835
commit cdce311b9c
1 changed files with 130 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

260
apps/tests/ui/animation/animation-tests.ts
View File

@ -44,7 +44,7 @@ export var test_AnimatingProperties = function (done) {
curve: label.ios ? UIViewAnimationCurve.UIViewAnimationCurveEaseIn : new android.view.animation.AccelerateInterpolator(1),
})
.then(() => {
console.log("Animation finished.");
////console.log("Animation finished.");
// <hide>
helper.goBack();
done();
@ -61,45 +61,45 @@ export var test_AnimatingProperties = function (done) {
// </snippet>
}
// export var test_CancellingAnimation = function (done) {
// var mainPage: pageModule.Page;
// var label: labelModule.Label;
// var pageFactory = function (): pageModule.Page {
// label = new labelModule.Label();
// label.text = "label";
// var stackLayout = new stackLayoutModule.StackLayout();
// stackLayout.addChild(label);
// mainPage = new pageModule.Page();
// mainPage.content = stackLayout;
// return mainPage;
// };
export var test_CancellingAnimation = function (done) {
var mainPage: pageModule.Page;
var label: labelModule.Label;
var pageFactory = function (): pageModule.Page {
label = new labelModule.Label();
label.text = "label";
var stackLayout = new stackLayoutModule.StackLayout();
stackLayout.addChild(label);
mainPage = new pageModule.Page();
mainPage.content = stackLayout;
return mainPage;
};
// helper.navigate(pageFactory);
// TKUnit.waitUntilReady(() => { return label.isLoaded });
helper.navigate(pageFactory);
TKUnit.waitUntilReady(() => { return label.isLoaded });
// // <snippet module="ui/animation" title="animation">
// // # Cancelling animation
// // ``` JavaScript
// var animation1 = label.createAnimation({ translate: { x: 100, y: 100 } });
// animation1.play().finished
// .then(() => {
// console.log("Animation finished");
// // <hide>
// helper.goBack();
// done();
// // </hide>
// })
// .catch((e) => {
// console.log("Animation cancelled");
// // <hide>
// helper.goBack();
// done(e);
// // </hide>
// });
// animation1.cancel();
// // ```
// // </snippet>
// }
// <snippet module="ui/animation" title="animation">
// # Cancelling animation
// ``` JavaScript
var animation1 = label.createAnimation({ translate: { x: 100, y: 100 } });
animation1.play().finished
.then(() => {
////console.log("Animation finished");
// <hide>
helper.goBack();
done();
// </hide>
})
.catch((e) => {
////console.log("Animation cancelled");
// <hide>
helper.goBack();
done();
// </hide>
});
animation1.cancel();
// ```
// </snippet>
}
export var test_ChainingAnimations = function (done) {
var mainPage: pageModule.Page;
@ -128,7 +128,7 @@ export var test_ChainingAnimations = function (done) {
.then(() => label.animate({ rotate: 180 }))
.then(() => label.animate({ rotate: 0 }))
.then(() => {
console.log("Animation finished");
////console.log("Animation finished");
// <hide>
helper.goBack();
done();
@ -145,99 +145,99 @@ export var test_ChainingAnimations = function (done) {
// </snippet>
}
// export var test_ReusingAnimations = function (done) {
// var mainPage: pageModule.Page;
// var label: labelModule.Label;
// var pageFactory = function (): pageModule.Page {
// label = new labelModule.Label();
// label.text = "label";
// var stackLayout = new stackLayoutModule.StackLayout();
// stackLayout.addChild(label);
// mainPage = new pageModule.Page();
// mainPage.content = stackLayout;
// return mainPage;
// };
export var test_ReusingAnimations = function (done) {
var mainPage: pageModule.Page;
var label: labelModule.Label;
var pageFactory = function (): pageModule.Page {
label = new labelModule.Label();
label.text = "label";
var stackLayout = new stackLayoutModule.StackLayout();
stackLayout.addChild(label);
mainPage = new pageModule.Page();
mainPage.content = stackLayout;
return mainPage;
};
// helper.navigate(pageFactory);
// TKUnit.waitUntilReady(() => { return label.isLoaded });
helper.navigate(pageFactory);
TKUnit.waitUntilReady(() => { return label.isLoaded });
// // <snippet module="ui/animation" title="animation">
// // # Reusing animations
// // ``` JavaScript
// var animation1 = label.createAnimation({ translate: { x: 100, y: 100 } });
// var animation2 = label.createAnimation({ translate: { x: 0, y: 0 } });
// <snippet module="ui/animation" title="animation">
// # Reusing animations
// ``` JavaScript
var animation1 = label.createAnimation({ translate: { x: 100, y: 100 } });
var animation2 = label.createAnimation({ translate: { x: 0, y: 0 } });
// animation1.play().finished
// .then(() => animation2.play().finished)
// .then(() => animation1.play().finished)
// .then(() => animation2.play().finished)
// .then(() => animation1.play().finished)
// .then(() => animation2.play().finished)
// .then(() => {
// console.log("Animation finished");
// // <hide>
// helper.goBack();
// done();
// // </hide>
// })
// .catch((e) => {
// console.log(e.message);
// // <hide>
// helper.goBack();
// done(e);
// // </hide>
// });
// // ```
// // </snippet>
// }
animation1.play().finished
.then(() => animation1.play().finished)
.then(() => animation1.play().finished)
.then(() => animation2.play().finished)
.then(() => animation1.play().finished)
.then(() => animation2.play().finished)
.then(() => {
////console.log("Animation finished");
// <hide>
helper.goBack();
done();
// </hide>
})
.catch((e) => {
console.log(e.message);
// <hide>
helper.goBack();
done(e);
// </hide>
});
// ```
// </snippet>
}
// export var test_AnimatingMultipleViews = function (done) {
// var mainPage: pageModule.Page;
// var label1: labelModule.Label;
// var label2: labelModule.Label;
// var label3: labelModule.Label;
// var pageFactory = function (): pageModule.Page {
// label1 = new labelModule.Label();
// label1.text = "label1";
// label2 = new labelModule.Label();
// label2.text = "label2";
// label3 = new labelModule.Label();
// label3.text = "label3";
// var stackLayout = new stackLayoutModule.StackLayout();
// stackLayout.addChild(label1);
// stackLayout.addChild(label2);
// stackLayout.addChild(label3);
// mainPage = new pageModule.Page();
// mainPage.content = stackLayout;
// return mainPage;
// };
// helper.navigate(pageFactory);
// TKUnit.waitUntilReady(() => { return label1.isLoaded && label2.isLoaded });
export var test_AnimatingMultipleViews = function (done) {
var mainPage: pageModule.Page;
var label1: labelModule.Label;
var label2: labelModule.Label;
var label3: labelModule.Label;
var pageFactory = function (): pageModule.Page {
label1 = new labelModule.Label();
label1.text = "label1";
label2 = new labelModule.Label();
label2.text = "label2";
label3 = new labelModule.Label();
label3.text = "label3";
var stackLayout = new stackLayoutModule.StackLayout();
stackLayout.addChild(label1);
stackLayout.addChild(label2);
stackLayout.addChild(label3);
mainPage = new pageModule.Page();
mainPage.content = stackLayout;
return mainPage;
};
helper.navigate(pageFactory);
TKUnit.waitUntilReady(() => { return label1.isLoaded && label2.isLoaded });
// // <snippet module="ui/animation" title="animation">
// // # Animating multiple views simultaneously
// // ``` JavaScript
// var animations: Array<animation.AnimationDefinition> = [
// { target: label1, translate: { x: 200, y: 200 }, duration: 1000, delay: 0 },
// { target: label2, translate: { x: 200, y: 200 }, duration: 1000, delay: 333 },
// { target: label3, translate: { x: 200, y: 200 }, duration: 1000, delay: 666 },
// ];
// var animation = new animation.Animation(animations);
// animation.play().finished
// .then(() => {
// console.log("Animations finished");
// // <hide>
// helper.goBack();
// done();
// // </hide>
// })
// .catch((e) => {
// console.log(e.message);
// // <hide>
// helper.goBack();
// done(e);
// // </hide>
// });
// // ```
// // </snippet>
// }
// <snippet module="ui/animation" title="animation">
// # Animating multiple views simultaneously
// ``` JavaScript
var animations: Array<animation.AnimationDefinition> = [
{ target: label1, translate: { x: 200, y: 200 }, duration: 1000, delay: 0 },
{ target: label2, translate: { x: 200, y: 200 }, duration: 1000, delay: 333 },
{ target: label3, translate: { x: 200, y: 200 }, duration: 1000, delay: 666 },
];
var a = new animation.Animation(animations);
a.play().finished
.then(() => {
////console.log("Animations finished");
// <hide>
helper.goBack();
done();
// </hide>
})
.catch((e) => {
console.log(e.message);
// <hide>
helper.goBack();
done(e);
// </hide>
});
// ```
// </snippet>
}