mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-16 20:11:24 +08:00
343 lines
14 KiB
TypeScript
343 lines
14 KiB
TypeScript
import TKUnit = require("../../TKUnit");
|
|
import commonTests = require("./view-tests-common");
|
|
import helper = require("../../ui/helper");
|
|
import view = require("ui/core/view");
|
|
import button = require("ui/button");
|
|
import types = require("utils/types");
|
|
import stack = require("ui/layouts/stack-layout");
|
|
import labelModule = require("ui/label");
|
|
import frame = require("ui/frame");
|
|
import trace = require("trace");
|
|
// enable the trace, it is disabled by default
|
|
trace.enable();
|
|
|
|
global.moduleMerge(commonTests, exports);
|
|
|
|
export var test_event_onAttached_IsRaised = function () {
|
|
var listener = new Listener("_onAttached");
|
|
trace.addEventListener(listener);
|
|
|
|
var test = function (views: Array<view.View>) {
|
|
// 2 onAttached calls: stack, button
|
|
TKUnit.assertEqual(listener.receivedEvents.length, 2, "onAttached calls");
|
|
|
|
for (let i = 0; i < listener.receivedEvents.length; i++) {
|
|
TKUnit.assertEqual(listener.receivedEvents[i].sender, views[i + 1]); // 0 is Page, so start with +1.
|
|
TKUnit.assertEqual(listener.receivedEvents[i].name, "_onAttached");
|
|
}
|
|
}
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
trace.removeEventListener(listener);
|
|
}
|
|
|
|
export var test_event_onAttached_IsRaised_WhenAttached_Dynamically = function () {
|
|
var test = function (views: Array<view.View>) {
|
|
// add new button to the visual tree and ensure its _onAttached event
|
|
var listener = new Listener("_onAttached");
|
|
trace.addEventListener(listener);
|
|
|
|
var newButton = new button.Button();
|
|
(<stack.StackLayout>views[1]).addChild(newButton);
|
|
|
|
TKUnit.assertEqual(listener.receivedEvents.length, 1);
|
|
TKUnit.assertEqual(listener.receivedEvents[0].name, "_onAttached");
|
|
TKUnit.assertEqual(listener.receivedEvents[0].sender, newButton);
|
|
|
|
trace.removeEventListener(listener);
|
|
}
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
}
|
|
|
|
export var test_event_onContextChanged_IsRaised_WhenAttached = function () {
|
|
var listener = new Listener("_onContextChanged");
|
|
trace.addEventListener(listener);
|
|
|
|
var test = function (views: Array<view.View>) {
|
|
// 2 onContextChanged calls: stack, button
|
|
TKUnit.assertEqual(listener.receivedEvents.length, 2, "onContextChanged calls");
|
|
|
|
for (let i = 0; i < listener.receivedEvents.length; i++) {
|
|
TKUnit.assertEqual(listener.receivedEvents[i].sender, views[i + 1]); // 0 is Page, so start with +1.
|
|
TKUnit.assertEqual(listener.receivedEvents[i].name, "_onContextChanged");
|
|
}
|
|
}
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
trace.removeEventListener(listener);
|
|
}
|
|
|
|
export var test_event_onContextChanged_IsRaised_WhenAttached_Dynamically = function () {
|
|
var test = function (views: Array<view.View>) {
|
|
// add new button to the visual tree and ensure its _onContextChanged event
|
|
var listener = new Listener("_onContextChanged");
|
|
trace.addEventListener(listener);
|
|
|
|
var newButton = new button.Button();
|
|
(<stack.StackLayout>views[1]).addChild(newButton);
|
|
|
|
TKUnit.assertEqual(listener.receivedEvents.length, 1);
|
|
TKUnit.assertEqual(listener.receivedEvents[0].name, "_onContextChanged");
|
|
TKUnit.assertEqual(listener.receivedEvents[0].sender, newButton);
|
|
|
|
trace.removeEventListener(listener);
|
|
}
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
}
|
|
|
|
export var test_event_onDetached_IsRaised = function () {
|
|
var cachedViews: Array<view.View>;
|
|
var listener: Listener;
|
|
|
|
var test = function (views: Array<view.View>) {
|
|
cachedViews = views;
|
|
|
|
// once the above method completes goBack on the current frame is called which will detach the tested views
|
|
listener = new Listener("_onDetached");
|
|
trace.addEventListener(listener);
|
|
}
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
|
|
// 2 detached calls: page, stack, button, actionBar
|
|
TKUnit.assertEqual(listener.receivedEvents.length, 2, "onDetached calls");
|
|
|
|
// _onDetached event is propagated to nested children first
|
|
for (let i = 0, j = listener.receivedEvents.length - 1; i < listener.receivedEvents.length; i++ , j--) {
|
|
// check the sender and remove
|
|
var index = cachedViews.indexOf(<view.View>listener.receivedEvents[i].sender);
|
|
TKUnit.assert(index >= 0, "_onDetached called for unknown sender");
|
|
cachedViews.splice(index, 1);
|
|
|
|
TKUnit.assertEqual(listener.receivedEvents[i].name, "_onDetached");
|
|
}
|
|
|
|
trace.removeEventListener(listener);
|
|
}
|
|
|
|
export var test_event_onDetached_IsRaised_WhenRemoved_Dynamically = function () {
|
|
var test = function (views: Array<view.View>) {
|
|
// add new button to the visual tree and ensure its _onContextChanged event
|
|
var listener = new Listener("_onDetached");
|
|
trace.addEventListener(listener);
|
|
|
|
// remove the button from the layout
|
|
(<stack.StackLayout>views[1]).removeChild(views[2]);
|
|
|
|
TKUnit.assertEqual(listener.receivedEvents.length, 1);
|
|
TKUnit.assertEqual(listener.receivedEvents[0].name, "_onDetached");
|
|
TKUnit.assertEqual(listener.receivedEvents[0].sender, views[2]);
|
|
|
|
trace.removeEventListener(listener);
|
|
}
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
}
|
|
|
|
export var test_events_onDetachedAndRemovedFromNativeVisualTree_AreRaised_WhenNavigateBack = function () {
|
|
let onDetachedListener = new Listener("_onDetached");
|
|
let removeFromNativeVisualTreeListener = new Listener("childInLayoutRemovedFromNativeVisualTree");
|
|
|
|
let page = frame.topmost().currentPage;
|
|
let stackLayout = new stack.StackLayout();
|
|
let btn = new button.Button();
|
|
stackLayout.addChild(btn);
|
|
page.content = stackLayout;
|
|
|
|
trace.addEventListener(onDetachedListener);
|
|
trace.addEventListener(removeFromNativeVisualTreeListener);
|
|
|
|
page.content = null;
|
|
|
|
// 2 onDetached calls: stack, button
|
|
TKUnit.assertEqual(onDetachedListener.receivedEvents.length, 2, "onDetached calls");
|
|
|
|
TKUnit.assertEqual(onDetachedListener.receivedEvents[0].name, "_onDetached");
|
|
TKUnit.assertEqual(onDetachedListener.receivedEvents[0].sender, btn); // Button
|
|
TKUnit.assertEqual(onDetachedListener.receivedEvents[1].sender, stackLayout); // stackLayout
|
|
|
|
// this is an event fired from CustomLayoutView when a child is removed from the native visual tree
|
|
// therefore this event is fired for StackLayout and Button (which is inside StackLayout).
|
|
TKUnit.assertEqual(removeFromNativeVisualTreeListener.receivedEvents.length, 2);
|
|
TKUnit.assertEqual(removeFromNativeVisualTreeListener.receivedEvents[0].name, "childInLayoutRemovedFromNativeVisualTree");
|
|
TKUnit.assertEqual(removeFromNativeVisualTreeListener.receivedEvents[0].sender, stackLayout);
|
|
|
|
TKUnit.assertEqual(removeFromNativeVisualTreeListener.receivedEvents[1].name, "childInLayoutRemovedFromNativeVisualTree");
|
|
TKUnit.assertEqual(removeFromNativeVisualTreeListener.receivedEvents[1].sender, btn);
|
|
|
|
trace.removeEventListener(onDetachedListener);
|
|
trace.removeEventListener(removeFromNativeVisualTreeListener);
|
|
}
|
|
|
|
export var test_cachedProperties_Applied_WhenNativeWidged_IsCreated = function () {
|
|
var test = function (views: Array<view.View>) {
|
|
var newButton = new button.Button();
|
|
newButton.text = "Test Button";
|
|
TKUnit.assert(types.isUndefined(newButton.android));
|
|
|
|
(<stack.StackLayout>views[1]).addChild(newButton);
|
|
|
|
TKUnit.assert(types.isDefined(newButton.android));
|
|
// TODO: There is currently an issue with the getText conversion to JavaScript string
|
|
TKUnit.assertEqual(newButton.android.getText(), "Test Button");
|
|
}
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
}
|
|
|
|
export function test_automation_text_set_to_native() {
|
|
var test = function (views: Array<view.View>) {
|
|
var newButton = new button.Button();
|
|
newButton.automationText = "Button1";
|
|
(<stack.StackLayout>views[1]).addChild(newButton);
|
|
TKUnit.assertEqual((<android.widget.Button>newButton.android).getContentDescription(), "Button1", "contentDescription not set to native view.");
|
|
}
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
}
|
|
|
|
export var test_event_onContextChanged_IsNotRaised_WhenAttachedToSameContext = function () {
|
|
var test = function (views: Array<view.View>) {
|
|
var listener = new Listener("_onContextChanged");
|
|
trace.addEventListener(listener);
|
|
|
|
views[2]._onAttached(views[0]._context);
|
|
|
|
TKUnit.assertEqual(listener.receivedEvents.length, 0, "listener.receivedEvents.length");
|
|
|
|
trace.removeEventListener(listener);
|
|
}
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
}
|
|
|
|
class Listener implements trace.EventListener {
|
|
public filter: string;
|
|
public receivedEvents: Array<{ sender: Object; name: string }> = [];
|
|
|
|
constructor(filter: string) {
|
|
this.filter = filter;
|
|
}
|
|
|
|
public on(object: Object, name: string) {
|
|
this.receivedEvents.push({ sender: object, name: name });
|
|
}
|
|
|
|
public reset() {
|
|
this.receivedEvents = [];
|
|
}
|
|
}
|
|
|
|
export var test_StylePropertiesDefaultValuesCache = function () {
|
|
var testValue = 35;
|
|
|
|
var test = function (views: Array<view.View>) {
|
|
var testLabel = new labelModule.Label();
|
|
var testButton = new button.Button();
|
|
|
|
var stack = <stack.StackLayout>views[1];
|
|
|
|
stack.addChild(testLabel);
|
|
stack.addChild(testButton);
|
|
|
|
var defaultLabelFontSize = (<android.widget.TextView>(testLabel.android)).getTextSize();
|
|
var defaultButtonFontSize = (<android.widget.Button>(testButton.android)).getTextSize();
|
|
|
|
testLabel.style.fontSize = testValue;
|
|
testButton.style.fontSize = testValue;
|
|
|
|
var actualLabelTextSize = (<android.widget.TextView>(testLabel.android)).getTextSize();
|
|
var actualButtonTextSize = (<android.widget.Button>(testButton.android)).getTextSize();
|
|
|
|
TKUnit.assert(actualLabelTextSize !== defaultLabelFontSize, "Label text size should be different from default!");
|
|
TKUnit.assert(actualButtonTextSize !== defaultButtonFontSize, "Button text size should be different from default!");
|
|
|
|
testLabel.style.fontSize = undefined;
|
|
testButton.style.fontSize = undefined;
|
|
|
|
actualLabelTextSize = (<android.widget.TextView>(testLabel.android)).getTextSize();
|
|
actualButtonTextSize = (<android.widget.Button>(testButton.android)).getTextSize();
|
|
|
|
TKUnit.assert(actualLabelTextSize === defaultLabelFontSize, "Label text size should be default!");
|
|
TKUnit.assert(actualButtonTextSize === defaultButtonFontSize, "Button text size should be default!");
|
|
};
|
|
|
|
helper.do_PageTest_WithStackLayout_AndButton(test);
|
|
}
|
|
|
|
export function getNativeBorderWidth(v: view.View): number {
|
|
var bkg = <org.nativescript.widgets.BorderDrawable>v.android.getBackground();
|
|
|
|
return bkg ? bkg.getBorderWidth() : -1;
|
|
}
|
|
|
|
export function getNativeCornerRadius(v: view.View): number {
|
|
var bkg = <org.nativescript.widgets.BorderDrawable>v.android.getBackground();
|
|
|
|
return bkg ? bkg.getBorderRadius() : -1;
|
|
}
|
|
|
|
export function checkNativeBorderColor(v: view.View): boolean {
|
|
var bkg = <org.nativescript.widgets.BorderDrawable>(<android.view.View>v.android).getBackground();
|
|
|
|
return v.borderColor && bkg && bkg.getBorderColor() === v.borderColor.android;
|
|
}
|
|
|
|
export function checkNativeBackgroundColor(v: view.View): boolean {
|
|
var bkg = <org.nativescript.widgets.BorderDrawable>(<android.view.View>v.android).getBackground();
|
|
|
|
return v.backgroundColor && bkg && bkg.getBackgroundColor() === v.backgroundColor.android;
|
|
}
|
|
|
|
export function checkNativeBackgroundImage(v: view.View): boolean {
|
|
var bkg = <org.nativescript.widgets.BorderDrawable>(<android.view.View>v.android).getBackground();
|
|
|
|
return bkg && !types.isNullOrUndefined(bkg.getBackgroundImage());
|
|
}
|
|
|
|
let SDK: number;
|
|
function getSDK() {
|
|
if (!SDK) {
|
|
SDK = android.os.Build.VERSION.SDK_INT;
|
|
}
|
|
|
|
return SDK;
|
|
}
|
|
|
|
export function test_AndroidLayerType_BorderWidth() {
|
|
helper.buildUIAndRunTest(new labelModule.Label(), (views: Array<view.View>) => {
|
|
let lbl = <labelModule.Label>(views[0]);
|
|
let androidView = <android.view.View>lbl.android;
|
|
let originalLayerType = androidView.getLayerType();
|
|
lbl.borderWidth = 5;
|
|
TKUnit.assertEqual(androidView.getLayerType(), getSDK() < 18 ? android.view.View.LAYER_TYPE_SOFTWARE : originalLayerType);
|
|
lbl.borderWidth = 0;
|
|
TKUnit.assertEqual(androidView.getLayerType(), originalLayerType);
|
|
});
|
|
};
|
|
|
|
export function test_AndroidLayerType_BorderRadius() {
|
|
helper.buildUIAndRunTest(new labelModule.Label(), (views: Array<view.View>) => {
|
|
let lbl = <labelModule.Label>(views[0]);
|
|
let androidView = <android.view.View>lbl.android;
|
|
let originalLayerType = androidView.getLayerType();
|
|
lbl.borderRadius = 5;
|
|
TKUnit.assertEqual(androidView.getLayerType(), getSDK() < 18 ? android.view.View.LAYER_TYPE_SOFTWARE : originalLayerType);
|
|
lbl.borderRadius = 0;
|
|
TKUnit.assertEqual(androidView.getLayerType(), originalLayerType);
|
|
});
|
|
};
|
|
|
|
export function test_AndroidLayerType_ClipPath() {
|
|
helper.buildUIAndRunTest(new labelModule.Label(), (views: Array<view.View>) => {
|
|
let lbl = <labelModule.Label>(views[0]);
|
|
let androidView = <android.view.View>lbl.android;
|
|
let originalLayerType = androidView.getLayerType();
|
|
lbl.style.clipPath = "rect(0, 0, 100%, 100%)";
|
|
TKUnit.assertEqual(androidView.getLayerType(), getSDK() < 18 ? android.view.View.LAYER_TYPE_SOFTWARE : originalLayerType);
|
|
lbl.style.clipPath = undefined;
|
|
TKUnit.assertEqual(androidView.getLayerType(), originalLayerType);
|
|
});
|
|
}; |