mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-16 11:42:04 +08:00
2d2fdfe4b0
The doc-snippets were inconsistent (no spaces before title, small-caps, JS instead of JavaScript, etc.)
104 lines
3.4 KiB
TypeScript
104 lines
3.4 KiB
TypeScript
import TKUnit = require("../../TKUnit");
|
||
import helper = require("../helper");
|
||
import viewModule = require("ui/core/view");
|
||
import imageModule = require("ui/image");
|
||
import platform = require("platform");
|
||
import color = require("color");
|
||
|
||
// <snippet module="ui/activity-indicator" title="activity-indicator">
|
||
// # ActivityIndicator
|
||
// Using the activity indicator requires the ActivityIndicator module.
|
||
// ``` JavaScript
|
||
import activityIndicatorModule = require("ui/activity-indicator");
|
||
// ```
|
||
// ### Binding the activity indicator busy property to a view-model property.
|
||
//``` XML
|
||
// <Page>
|
||
// {%raw%}<ActivityIndicator busy="{{ isLoading }}" />{%endraw%}
|
||
// </Page>
|
||
//```
|
||
// </snippet>
|
||
|
||
var ASYNC = 0.2;
|
||
export function test_default_TNS_values() {
|
||
// <snippet module="ui/activity-indicator" title="activity-indicator">
|
||
// ### Creating an activity indicator
|
||
// ``` JavaScript
|
||
var indicator = new activityIndicatorModule.ActivityIndicator();
|
||
// ```
|
||
// </snippet>
|
||
|
||
TKUnit.assertEqual(indicator.busy, false, "Default indicator.busy");
|
||
}
|
||
|
||
export function test_default_native_values() {
|
||
var indicator = new activityIndicatorModule.ActivityIndicator();
|
||
indicator.width = 50;
|
||
indicator.height = 50;
|
||
|
||
function testAction(views: Array<viewModule.View>) {
|
||
TKUnit.assertEqual(getNativeBusy(indicator), false, "Default native indicator.busy");
|
||
};
|
||
|
||
helper.buildUIAndRunTest(indicator, testAction);
|
||
}
|
||
|
||
export function test_set_TNS_value_updates_native_value() {
|
||
var indicator = new activityIndicatorModule.ActivityIndicator();
|
||
indicator.width = 50;
|
||
indicator.height = 50;
|
||
|
||
function testAction(views: Array<viewModule.View>) {
|
||
indicator.busy = true;
|
||
TKUnit.wait(ASYNC);
|
||
TKUnit.assertEqual(getNativeBusy(indicator), true, "Native value is different from TNS value.");
|
||
};
|
||
|
||
helper.buildUIAndRunTest(indicator, testAction);
|
||
}
|
||
|
||
// Uncomment this when find way to check android Drawable color set by setColorFilter() method.
|
||
if (platform.device.os === platform.platformNames.ios) {
|
||
exports.test_set_color = function () {
|
||
var ai = new activityIndicatorModule.ActivityIndicator();
|
||
ai.color = new color.Color("red");
|
||
|
||
function testAction(views: Array<viewModule.View>) {
|
||
TKUnit.assertEqual(ai.color.ios.CGColor, ai.ios.color.CGColor, "ai.color");
|
||
};
|
||
|
||
helper.buildUIAndRunTest(ai, testAction);
|
||
}
|
||
}
|
||
|
||
// This method is only for the code snippet
|
||
/* tslint:disable:no-unused-variable */
|
||
function binding_busy_to_image() {
|
||
/* tslint:enable:no-unused-variable */
|
||
|
||
// <snippet module="ui/activity-indicator" title="activity-indicator">
|
||
// ### Showing activity indicator while image is loading
|
||
// ``` JavaScript
|
||
var image = new imageModule.Image();
|
||
var indicator = new activityIndicatorModule.ActivityIndicator();
|
||
indicator.width = 100;
|
||
indicator.height = 100;
|
||
|
||
//// Bind the busy property of the indicator to the isLoading property of the image
|
||
indicator.bind({
|
||
sourceProperty: "isLoading",
|
||
targetProperty: "busy"
|
||
}, image);
|
||
// ```
|
||
// </snippet>
|
||
}
|
||
|
||
function getNativeBusy(indicator: activityIndicatorModule.ActivityIndicator): boolean {
|
||
if (indicator.android) {
|
||
return indicator.android.getVisibility() === android.view.View.VISIBLE;
|
||
}
|
||
else if (indicator.ios) {
|
||
return indicator.ios.isAnimating();
|
||
}
|
||
}
|