mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-18 13:51:27 +08:00
377 lines
14 KiB
TypeScript
377 lines
14 KiB
TypeScript
import TKUnit = require("../../TKUnit");
|
|
import helper = require("../helper");
|
|
import viewModule = require("ui/core/view");
|
|
import labelModule = require("ui/label");
|
|
import stackLayoutModule = require("ui/layouts/stack-layout");
|
|
import tabViewTestsNative = require("./tab-view-tests-native");
|
|
import frameModule = require("ui/frame");
|
|
import pageModule = require("ui/page");
|
|
import listViewModule = require("ui/list-view");
|
|
import buttonModule = require("ui/button");
|
|
|
|
// <snippet module="ui/tab-view" title="TabView">
|
|
// # TabView
|
|
|
|
// ### Declaring the TabView in xml.
|
|
//```XML
|
|
// <Page>
|
|
// <TabView>
|
|
// <TabView.items>
|
|
// <TabViewItem title="Tab 1">
|
|
// <TabViewItem.view>
|
|
// <Label text="Label in Tab1" />
|
|
// </TabViewItem.view>
|
|
// </TabViewItem>
|
|
// <TabViewItem title="Tab 2">
|
|
// <TabViewItem.view>
|
|
// <Label text="Label in Tab2" />
|
|
// </TabViewItem.view>
|
|
// </TabViewItem>
|
|
// </TabView.items>
|
|
// </TabView>
|
|
// </Page>
|
|
//```
|
|
|
|
// Using a TabView requires the "ui/tab-view" module.
|
|
// ``` JavaScript
|
|
import tabViewModule = require("ui/tab-view");
|
|
|
|
function _createTabView(): tabViewModule.TabView {
|
|
// <snippet module="ui/tab-view" title="TabView">
|
|
// ## Creating a TabView
|
|
// ``` JavaScript
|
|
var tabView = new tabViewModule.TabView();
|
|
// ```
|
|
// </snippet>
|
|
tabView.id = "TabView";
|
|
return tabView;
|
|
}
|
|
|
|
function _createItems(count: number): Array<tabViewModule.TabViewItem> {
|
|
var items = new Array<tabViewModule.TabViewItem>();
|
|
for (var i = 0; i < count; i++) {
|
|
var label = new labelModule.Label();
|
|
label.text = "Tab " + i;
|
|
var tabEntry = {
|
|
title: "Tab " + i,
|
|
view: label
|
|
};
|
|
items.push(tabEntry);
|
|
}
|
|
return items;
|
|
}
|
|
|
|
function _createListView(): listViewModule.ListView {
|
|
var listView = new listViewModule.ListView();
|
|
listView.id = "ListView";
|
|
var items = Array.apply(null, Array(10)).map(function (_, i) { return i; });
|
|
|
|
listView.on(listViewModule.knownEvents.itemLoading, function (args: listViewModule.ItemEventData) {
|
|
var button = <buttonModule.Button>args.view;
|
|
if (!button) {
|
|
button = new buttonModule.Button();
|
|
args.view = button;
|
|
}
|
|
|
|
button.text = "Button" + args.index;
|
|
button.id = button.text;
|
|
button.on(buttonModule.knownEvents.tap, _clickHandlerFactory(args.index));
|
|
});
|
|
|
|
listView.items = items;
|
|
|
|
return listView;
|
|
}
|
|
|
|
var _clickHandlerFactory = function (index: number) {
|
|
return function () {
|
|
var pageFactory = function (): pageModule.Page {
|
|
var detailsLabel = new labelModule.Label();
|
|
detailsLabel.text = "Details Page " + index;
|
|
var detailsPage = new pageModule.Page();
|
|
detailsPage.content = detailsLabel;
|
|
return detailsPage;
|
|
};
|
|
|
|
helper.navigate(pageFactory);
|
|
}
|
|
}
|
|
|
|
export var testWhenTabViewIsCreatedItemsAreUndefined = function () {
|
|
helper.buildUIAndRunTest(_createTabView(), function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
var expectedValue = undefined;
|
|
var actualValue = tabView.items;
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testWhenTabViewIsCreatedSelectedIndexIsUndefined = function () {
|
|
helper.buildUIAndRunTest(_createTabView(), function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
var expectedValue = undefined;
|
|
var actualValue = tabView.selectedIndex;
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testWhenSettingItemsToNonEmptyArrayTheSameAmountOfNativeTabsIsCreated = function () {
|
|
helper.buildUIAndRunTest(_createTabView(), function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
tabView.items = _createItems(10);
|
|
var expectedValue = tabView.items.length;
|
|
var actualValue = tabViewTestsNative.getNativeTabCount(tabView);
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testWhenSettingItemsToEmptyArrayZeroNativeTabsAreCreated = function () {
|
|
helper.buildUIAndRunTest(_createTabView(), function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
tabView.items = [];
|
|
var expectedValue = tabView.items.length;
|
|
var actualValue = tabViewTestsNative.getNativeTabCount(tabView);
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testSelectedIndexBecomesZeroWhenItemsBoundToNonEmptyArray = function () {
|
|
helper.buildUIAndRunTest(_createTabView(), function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
// <snippet module="ui/tab-view" title="TabView">
|
|
// ### Binding TabView.items
|
|
// ``` JavaScript
|
|
var items = [];
|
|
var StackLayout0 = new stackLayoutModule.StackLayout();
|
|
var label0 = new labelModule.Label();
|
|
label0.text = "Tab 0";
|
|
StackLayout0.addChild(label0);
|
|
var tabEntry0 = {
|
|
title: "Tab 0",
|
|
view: StackLayout0
|
|
};
|
|
items.push(tabEntry0);
|
|
var StackLayout1 = new stackLayoutModule.StackLayout();
|
|
var label1 = new labelModule.Label();
|
|
label1.text = "Tab 1";
|
|
StackLayout1.addChild(label1);
|
|
var tabEntry1 = {
|
|
title: "Tab 1",
|
|
view: StackLayout1
|
|
};
|
|
items.push(tabEntry1);
|
|
tabView.items = items;
|
|
// ```
|
|
// </snippet>
|
|
var expectedValue = 0;
|
|
var actualValue = tabView.selectedIndex;
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testSelectedIndexBecomesUndefinedWhenItemsBoundToEmptyArray = function () {
|
|
helper.buildUIAndRunTest(_createTabView(), function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
tabView.items = _createItems(10);
|
|
// <snippet module="ui/tab-view" title="TabView">
|
|
// ### Selecting a tab programmatically
|
|
// ``` JavaScript
|
|
tabView.selectedIndex = 9;
|
|
// ```
|
|
// </snippet>
|
|
tabView.items = [];
|
|
var expectedValue = undefined;
|
|
var actualValue = tabView.selectedIndex;
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testSelectedIndexBecomesUndefinedWhenItemsBoundToUndefined = function () {
|
|
helper.buildUIAndRunTest(_createTabView(), function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
tabView.items = _createItems(10);
|
|
tabView.selectedIndex = 9;
|
|
tabView.items = undefined;
|
|
var expectedValue = undefined;
|
|
var actualValue = tabView.selectedIndex;
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testSelectedIndexBecomesUndefinedWhenItemsBoundToNull = function () {
|
|
helper.buildUIAndRunTest(_createTabView(), function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
tabView.items = _createItems(10);
|
|
tabView.selectedIndex = 9;
|
|
tabView.items = null;
|
|
var expectedValue = undefined;
|
|
var actualValue = tabView.selectedIndex;
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testItemsIsResolvedCorrectlyIfSetBeforeViewIsLoaded = function () {
|
|
var tabView = _createTabView();
|
|
var expectedValue = 10;
|
|
tabView.items = _createItems(expectedValue);
|
|
tabView.selectedIndex = 9;
|
|
helper.buildUIAndRunTest(tabView, function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
var actualValue = tabView.items.length;
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testSelectedIndexIsResolvedCorrectlyIfSetBeforeViewIsLoaded = function () {
|
|
var tabView = _createTabView();
|
|
tabView.items = _createItems(10);
|
|
var expectedValue = 9;
|
|
tabView.selectedIndex = expectedValue;
|
|
helper.buildUIAndRunTest(tabView, function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
var actualValue = tabView.selectedIndex;
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
});
|
|
}
|
|
|
|
export var testSettingNegativeSelectedIndexShouldThrow = function () {
|
|
var tabView = _createTabView();
|
|
helper.buildUIAndRunTest(tabView, function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
tabView.items = _createItems(10);
|
|
|
|
TKUnit.assertThrows(function () {
|
|
tabView.selectedIndex = -1;
|
|
}, "Setting selectedIndex to a negative number should throw.");
|
|
});
|
|
}
|
|
|
|
export var testSettingSelectedIndexLargerThanCountShouldThrow = function () {
|
|
var tabView = _createTabView();
|
|
helper.buildUIAndRunTest(tabView, function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
tabView.items = _createItems(10);
|
|
TKUnit.assertThrows(function () {
|
|
tabView.selectedIndex = 10;
|
|
}, "Setting selectedIndex to a negative number should throw.");
|
|
});
|
|
}
|
|
|
|
export var testBindingToTabEntryWithUndefinedViewShouldThrow = function () {
|
|
var tabView = _createTabView();
|
|
helper.buildUIAndRunTest(tabView, function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
TKUnit.assertThrows(function () {
|
|
tabView.items = [{ title: "Tab 0", view: undefined }];
|
|
}, "Binding TabView to a TabViewItem with undefined view should throw.");
|
|
});
|
|
}
|
|
|
|
export var testBindingToTabEntryWithNullViewShouldThrow = function () {
|
|
var tabView = _createTabView();
|
|
helper.buildUIAndRunTest(tabView, function (views: Array<viewModule.View>) {
|
|
var tabView = <tabViewModule.TabView>views[0];
|
|
TKUnit.assertThrows(function () {
|
|
tabView.items = [{ title: "Tab 0", view: null }];
|
|
}, "Binding TabView to a TabViewItem with null view should throw.");
|
|
});
|
|
}
|
|
|
|
export var testWhenSelectingATabNativelySelectedIndexIsUpdatedProperly = function () {
|
|
var tabView: tabViewModule.TabView;
|
|
var mainPage: pageModule.Page;
|
|
var pageFactory = function (): pageModule.Page {
|
|
tabView = _createTabView();
|
|
tabView.items = _createItems(2);
|
|
mainPage = new pageModule.Page();
|
|
mainPage.content = tabView;
|
|
return mainPage;
|
|
};
|
|
|
|
helper.navigate(pageFactory);
|
|
|
|
var expectedValue = 1;
|
|
tabViewTestsNative.selectNativeTab(tabView, expectedValue);
|
|
TKUnit.wait(helper.ASYNC);
|
|
|
|
var actualValue = tabView.selectedIndex;
|
|
try {
|
|
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
|
|
}
|
|
finally {
|
|
helper.goBack();
|
|
}
|
|
}
|
|
|
|
export var testWhenNavigatingBackToANonCachedPageContainingATabViewWithAListViewTheListViewIsThere = function () {
|
|
return;
|
|
|
|
var topFrame = frameModule.topmost();
|
|
var oldChache;
|
|
|
|
if (topFrame.android) {
|
|
oldChache = topFrame.android.cachePagesOnNavigate;
|
|
topFrame.android.cachePagesOnNavigate = true;
|
|
}
|
|
|
|
try {
|
|
|
|
var mainPage: pageModule.Page;
|
|
var pageFactory = function(): pageModule.Page {
|
|
var tabView = _createTabView();
|
|
var items = [];
|
|
items.push({
|
|
title: "List",
|
|
view: _createListView()
|
|
});
|
|
var label = new labelModule.Label();
|
|
label.text = "About";
|
|
var aboutLayout = new stackLayoutModule.StackLayout();
|
|
aboutLayout.id = "AboutLayout";
|
|
aboutLayout.addChild(label);
|
|
items.push({
|
|
title: "About",
|
|
view: aboutLayout
|
|
});
|
|
tabView.items = items;
|
|
|
|
mainPage = new pageModule.Page();
|
|
mainPage.content = tabView;
|
|
|
|
return mainPage;
|
|
}
|
|
|
|
helper.navigate(pageFactory);
|
|
|
|
var tabView = mainPage.getViewById<tabViewModule.TabView>("TabView");
|
|
|
|
// This will navigate to a details page. The wait is inside the method.
|
|
_clickTheFirstButtonInTheListViewNatively(tabView);
|
|
|
|
// Go back to the main page containing the TabView.
|
|
helper.goBack();
|
|
|
|
// Go back to the root tests page.
|
|
helper.goBack();
|
|
}
|
|
finally {
|
|
if (topFrame.android) {
|
|
topFrame.android.cachePagesOnNavigate = oldChache;
|
|
}
|
|
}
|
|
|
|
var listView = mainPage.getViewById<listViewModule.ListView>("ListView");
|
|
|
|
TKUnit.assert(listView !== undefined, "ListView should be created when navigating back to the main page.");
|
|
}
|
|
|
|
function _clickTheFirstButtonInTheListViewNatively(tabView: tabViewModule.TabView) {
|
|
if (tabView.android) {
|
|
var androidListView = <android.widget.ListView>tabView.android.getChildAt(0);
|
|
(<android.widget.Button>androidListView.getChildAt(0)).performClick();
|
|
}
|
|
else {
|
|
(<UIButton>(<UITableView>tabView.ios.viewControllers[0].view.subviews[0]).cellForRowAtIndexPath(NSIndexPath.indexPathForItemInSection(0, 0)).contentView.subviews[0]).sendActionsForControlEvents(UIControlEvents.UIControlEventTouchUpInside);
|
|
}
|
|
}
|