mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
Merge pull request #1636 from NativeScript/tab-view-navigation-tests
Re-enabled TabView Navigation Tests.
This commit is contained in:
Rossen Hristov
@@ -1,121 +1,131 @@
|
||||
//function _createTabView(): TabView {
|
||||
//var tabView = new TabView();
|
||||
//tabView.id = "TabView";
|
||||
//return tabView;
|
||||
//}
|
||||
import TKUnit = require("../../TKUnit");
|
||||
import helper = require("../helper");
|
||||
import {Label} from "ui/label";
|
||||
import {StackLayout} from "ui/layouts/stack-layout";
|
||||
import frameModule = require("ui/frame");
|
||||
import {Page} from "ui/page";
|
||||
import {ListView, ItemEventData} from "ui/list-view";
|
||||
import {TabView, TabViewItem} from "ui/tab-view";
|
||||
import {Button} from "ui/button";
|
||||
import types = require("utils/types");
|
||||
|
||||
//function _createItems(count: number): Array<TabViewItem> {
|
||||
//var items = new Array<TabViewItem>();
|
||||
//for (var i = 0; i < count; i++) {
|
||||
//var label = new Label();
|
||||
//label.text = "Tab " + i;
|
||||
//var tabEntry = new TabViewItem({
|
||||
//title: "Tab " + i,
|
||||
//view: label
|
||||
//});
|
||||
//items.push(tabEntry);
|
||||
//}
|
||||
//return items;
|
||||
//}
|
||||
var ASYNC = 2;
|
||||
|
||||
//function _createListView(): ListView {
|
||||
//var listView = new ListView();
|
||||
//listView.id = "ListView";
|
||||
//var items = Array.apply(null, Array(10)).map(function (_, i) { return i; });
|
||||
function _createTabView(): TabView {
|
||||
var tabView = new TabView();
|
||||
tabView.id = "TabView";
|
||||
return tabView;
|
||||
}
|
||||
|
||||
//listView.on(ListView.itemLoadingEvent, function (args: ItemEventData) {
|
||||
//var button = <Button>args.view;
|
||||
//if (!button) {
|
||||
//button = new Button();
|
||||
//args.view = button;
|
||||
//}
|
||||
function _createItems(count: number): Array<TabViewItem> {
|
||||
var items = new Array<TabViewItem>();
|
||||
for (var i = 0; i < count; i++) {
|
||||
var label = new Label();
|
||||
label.text = "Tab " + i;
|
||||
var tabEntry = new TabViewItem({
|
||||
title: "Tab " + i,
|
||||
view: label
|
||||
});
|
||||
tabEntry["index"] = i;
|
||||
items.push(tabEntry);
|
||||
}
|
||||
return items;
|
||||
}
|
||||
|
||||
//button.text = "Button" + args.index;
|
||||
//button.id = button.text;
|
||||
//button.on(Button.tapEvent, _clickHandlerFactory(args.index));
|
||||
//});
|
||||
function _createListView(): ListView {
|
||||
var listView = new ListView();
|
||||
listView.id = "ListView";
|
||||
var items = Array.apply(null, Array(10)).map(function (_, i) { return i; });
|
||||
|
||||
//listView.items = items;
|
||||
listView.on(ListView.itemLoadingEvent, function (args: ItemEventData) {
|
||||
var button = <Button>args.view;
|
||||
if (!button) {
|
||||
button = new Button();
|
||||
args.view = button;
|
||||
}
|
||||
|
||||
//return listView;
|
||||
//}
|
||||
button.text = "Button" + args.index;
|
||||
button.id = button.text;
|
||||
button.on(Button.tapEvent, _clickHandlerFactory(args.index));
|
||||
});
|
||||
|
||||
//var _clickHandlerFactory = function (index: number) {
|
||||
//return function () {
|
||||
//var pageFactory = function (): Page {
|
||||
//var detailsLabel = new Label();
|
||||
//detailsLabel.text = "Details Page " + index;
|
||||
//var detailsPage = new Page();
|
||||
//detailsPage.content = detailsLabel;
|
||||
//return detailsPage;
|
||||
//};
|
||||
listView.items = items;
|
||||
|
||||
//helper.navigate(pageFactory);
|
||||
//}
|
||||
//}
|
||||
return listView;
|
||||
}
|
||||
|
||||
var _clickHandlerFactory = function (index: number) {
|
||||
return function () {
|
||||
var pageFactory = function (): Page {
|
||||
var detailsLabel = new Label();
|
||||
detailsLabel.text = "Details Page " + index;
|
||||
var detailsPage = new Page();
|
||||
detailsPage.id = "details-page";
|
||||
detailsPage.content = detailsLabel;
|
||||
return detailsPage;
|
||||
};
|
||||
|
||||
helper.navigate(pageFactory);
|
||||
}
|
||||
}
|
||||
|
||||
export function testWhenNavigatingBackToANonCachedPageContainingATabViewWithAListViewTheListViewIsThere() {
|
||||
/*
|
||||
var topFrame = frameModule.topmost();
|
||||
var oldChache;
|
||||
|
||||
var oldChache;
|
||||
if (topFrame.android) {
|
||||
oldChache = topFrame.android.cachePagesOnNavigate;
|
||||
topFrame.android.cachePagesOnNavigate = true;
|
||||
}
|
||||
|
||||
try {
|
||||
var tabView;
|
||||
var pageFactory = function (): Page {
|
||||
tabView = _createTabView();
|
||||
var items = [];
|
||||
items.push({
|
||||
title: "List",
|
||||
view: _createListView()
|
||||
});
|
||||
var label = new Label();
|
||||
label.text = "About";
|
||||
var aboutLayout = new StackLayout();
|
||||
aboutLayout.id = "AboutLayout";
|
||||
aboutLayout.addChild(label);
|
||||
items.push({
|
||||
title: "About",
|
||||
view: aboutLayout
|
||||
});
|
||||
tabView.items = items;
|
||||
|
||||
var mainPage: Page;
|
||||
var pageFactory = function (): Page {
|
||||
var tabView = _createTabView();
|
||||
var items = [];
|
||||
items.push({
|
||||
title: "List",
|
||||
view: _createListView()
|
||||
});
|
||||
var label = new Label();
|
||||
label.text = "About";
|
||||
var aboutLayout = new StackLayout();
|
||||
aboutLayout.id = "AboutLayout";
|
||||
aboutLayout.addChild(label);
|
||||
items.push({
|
||||
title: "About",
|
||||
view: aboutLayout
|
||||
});
|
||||
tabView.items = items;
|
||||
var tabViewPage = new Page();
|
||||
tabViewPage.id = "tab-view-page";
|
||||
tabViewPage.content = tabView;
|
||||
|
||||
mainPage = new Page();
|
||||
mainPage.content = tabView;
|
||||
|
||||
return mainPage;
|
||||
}
|
||||
|
||||
helper.navigate(pageFactory);
|
||||
|
||||
var tabView = mainPage.getViewById<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;
|
||||
}
|
||||
return tabViewPage;
|
||||
}
|
||||
|
||||
var listView = mainPage.getViewById<ListView>("ListView");
|
||||
helper.navigate(pageFactory);
|
||||
TKUnit.waitUntilReady(() => { return topFrame.currentPage.id === "tab-view-page" }, ASYNC);
|
||||
TKUnit.waitUntilReady(() => { return tabViewIsFullyLoaded(tabView) }, ASYNC);
|
||||
|
||||
TKUnit.assert(listView !== undefined, "ListView should be created when navigating back to the main page.");
|
||||
*/
|
||||
// This will navigate to a details page. The wait is inside the method.
|
||||
_clickTheFirstButtonInTheListViewNatively(tabView);
|
||||
TKUnit.waitUntilReady(() => { return topFrame.currentPage.id === "details-page" }, ASYNC);
|
||||
|
||||
helper.goBack();
|
||||
TKUnit.waitUntilReady(() => { return topFrame.currentPage.id === "tab-view-page" }, ASYNC);
|
||||
TKUnit.waitUntilReady(() => { return tabViewIsFullyLoaded(tabView) }, ASYNC);
|
||||
|
||||
helper.goBack();
|
||||
TKUnit.waitUntilReady(() => { return topFrame.currentPage.id === "mainPage" }, ASYNC);
|
||||
|
||||
if (topFrame.android) {
|
||||
topFrame.android.cachePagesOnNavigate = oldChache;
|
||||
}
|
||||
|
||||
TKUnit.assert(tabView.items[0].view instanceof ListView, "ListView should be created when navigating back to the main page.");
|
||||
}
|
||||
/*
|
||||
|
||||
export function testLoadedAndUnloadedAreFired_WhenNavigatingAwayAndBack_NoPageCaching() {
|
||||
testLoadedAndUnloadedAreFired_WhenNavigatingAwayAndBack(false);
|
||||
}
|
||||
@@ -123,93 +133,108 @@ export function testLoadedAndUnloadedAreFired_WhenNavigatingAwayAndBack_NoPageCa
|
||||
export function testLoadedAndUnloadedAreFired_WhenNavigatingAwayAndBack_WithPageCaching() {
|
||||
testLoadedAndUnloadedAreFired_WhenNavigatingAwayAndBack(true);
|
||||
}
|
||||
*/
|
||||
//function testLoadedAndUnloadedAreFired_WhenNavigatingAwayAndBack(enablePageCache: boolean) {
|
||||
//var i: number;
|
||||
//var itemCount = 3;
|
||||
//var loadedItems = [0, 0, 0];
|
||||
//var unloadedItems = [0, 0, 0];
|
||||
|
||||
//var topFrame = frameModule.topmost();
|
||||
//var oldChache;
|
||||
function tabViewIsFullyLoaded(tabView: TabView): boolean {
|
||||
if (!tabView.isLoaded) {
|
||||
return false;
|
||||
}
|
||||
|
||||
//if (topFrame.android) {
|
||||
//oldChache = topFrame.android.cachePagesOnNavigate;
|
||||
//topFrame.android.cachePagesOnNavigate = enablePageCache;
|
||||
//}
|
||||
for (var i = 0; i < tabView.items.length; i++) {
|
||||
if (!tabView.items[i].view.isLoaded) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
//try {
|
||||
//var tabView = _createTabView();
|
||||
//var items = _createItems(itemCount);
|
||||
//tabView.items = items;
|
||||
if (tabView.android) {
|
||||
var viewPager: android.support.v4.view.ViewPager = (<any>tabView)._viewPager;
|
||||
if (viewPager.getChildCount() === 0) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
//function createLoadedFor(itemIndex: number) {
|
||||
//return function () {
|
||||
//loadedItems[itemIndex] = loadedItems[itemIndex] + 1;
|
||||
//}
|
||||
//}
|
||||
return true;
|
||||
}
|
||||
|
||||
//function createUnloadedFor(itemIndex: number) {
|
||||
//return function () {
|
||||
//unloadedItems[itemIndex] = unloadedItems[itemIndex] + 1;
|
||||
//}
|
||||
//}
|
||||
function testLoadedAndUnloadedAreFired_WhenNavigatingAwayAndBack(enablePageCache: boolean) {
|
||||
var topFrame = frameModule.topmost();
|
||||
|
||||
//helper.buildUIAndRunTest(tabView, function () {
|
||||
//try {
|
||||
//TKUnit.waitUntilReady(() => { return items[0].view.isLoaded; }, ASYNC);
|
||||
var oldChache;
|
||||
if (topFrame.android) {
|
||||
oldChache = topFrame.android.cachePagesOnNavigate;
|
||||
topFrame.android.cachePagesOnNavigate = enablePageCache;
|
||||
}
|
||||
|
||||
//// Attach to loaded/unloaded events
|
||||
//for (i = 0; i < itemCount; i++) {
|
||||
//items[i].view.on("loaded", createLoadedFor(i));
|
||||
//items[i].view.on("unloaded", createUnloadedFor(i));
|
||||
//}
|
||||
var i: number;
|
||||
var itemCount = 2;
|
||||
var loadedEventsCount = [0, 0];
|
||||
var unloadedEventsCount = [0, 0];
|
||||
|
||||
//var detailsPageFactory = function (): Page {
|
||||
//var detailsPage = new Page();
|
||||
//detailsPage.content = new Label();
|
||||
//return detailsPage;
|
||||
//};
|
||||
var tabView = _createTabView();
|
||||
tabView.items = _createItems(itemCount);
|
||||
|
||||
//helper.navigate(detailsPageFactory);
|
||||
//}
|
||||
//finally {
|
||||
//// Go back to the test page.
|
||||
//helper.goBack();
|
||||
//}
|
||||
helper.navigate(() => {
|
||||
var tabViewPage = new Page();
|
||||
tabViewPage.id = "tab-view-page";
|
||||
tabViewPage.content = tabView;
|
||||
return tabViewPage;
|
||||
});
|
||||
TKUnit.waitUntilReady(() => { return topFrame.currentPage.id === "tab-view-page" }, ASYNC);
|
||||
TKUnit.waitUntilReady(() => { return tabViewIsFullyLoaded(tabView) }, ASYNC);
|
||||
|
||||
//TKUnit.waitUntilReady(() => { return items[0].view.isLoaded; }, ASYNC);
|
||||
function createLoadedFor(tabIndex: number) {
|
||||
return function () {
|
||||
loadedEventsCount[tabIndex] = loadedEventsCount[tabIndex] + 1;
|
||||
}
|
||||
}
|
||||
|
||||
////console.log(">>>>>>>>>>>>> loaded items: " + loadedItems.join(", "));
|
||||
////console.log(">>>>>>>>>>>>> unloadedItems items: " + unloadedItems.join(", "));
|
||||
function createUnloadedFor(tabIndex: number) {
|
||||
return function () {
|
||||
unloadedEventsCount[tabIndex] = unloadedEventsCount[tabIndex] + 1;
|
||||
}
|
||||
}
|
||||
|
||||
//// Check that at least the first item is loaded and unloaded
|
||||
//TKUnit.assert(items[0].view.isLoaded, "The content of the first tab should be loaded.");
|
||||
//TKUnit.assertEqual(loadedItems[0], 1, "loaded count for 1st item");
|
||||
//TKUnit.assertEqual(unloadedItems[0], 1, "unloaded count for 1st item");
|
||||
for (i = 0; i < itemCount; i++) {
|
||||
tabView.items[i].view.on("loaded", createLoadedFor(i));
|
||||
tabView.items[i].view.on("unloaded", createUnloadedFor(i));
|
||||
}
|
||||
|
||||
//// Check that loaded/unloaded coutns are equal for all tabs
|
||||
//for (i = 0; i < itemCount; i++) {
|
||||
//TKUnit.assert(loadedItems[i] === unloadedItems[i],
|
||||
//"Loaded and unloaded calls are not equal for item " + i + " loaded: " + loadedItems[i] + " unloaded: " + unloadedItems[i]);
|
||||
//}
|
||||
//});
|
||||
//}
|
||||
//finally {
|
||||
//// Return original page cache value
|
||||
//if (topFrame.android) {
|
||||
//topFrame.android.cachePagesOnNavigate = oldChache;
|
||||
//}
|
||||
//}
|
||||
//}
|
||||
helper.navigate(() => {
|
||||
var detailsPage = new Page();
|
||||
detailsPage.id = "details-page";
|
||||
detailsPage.content = new Label();
|
||||
return detailsPage;
|
||||
});
|
||||
TKUnit.waitUntilReady(() => { return topFrame.currentPage.id === "details-page" }, ASYNC);
|
||||
|
||||
//function _clickTheFirstButtonInTheListViewNatively(tabView: TabView) {
|
||||
//if (tabView.android) {
|
||||
//var viewPager: android.support.v4.view.ViewPager = (<any>tabView)._viewPager;
|
||||
//var androidListView = <android.widget.ListView>viewPager.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);
|
||||
//}
|
||||
//}
|
||||
helper.goBack();
|
||||
TKUnit.waitUntilReady(() => { return topFrame.currentPage.id === "tab-view-page" }, ASYNC);
|
||||
TKUnit.waitUntilReady(() => { return tabViewIsFullyLoaded(tabView) }, ASYNC);
|
||||
|
||||
for (i = 0; i < itemCount; i++) {
|
||||
tabView.items[i].view.off("loaded");
|
||||
tabView.items[i].view.off("unloaded");
|
||||
}
|
||||
|
||||
helper.goBack();
|
||||
TKUnit.waitUntilReady(() => { return topFrame.currentPage.id === "mainPage" }, ASYNC);
|
||||
|
||||
if (topFrame.android) {
|
||||
topFrame.android.cachePagesOnNavigate = oldChache;
|
||||
}
|
||||
|
||||
TKUnit.arrayAssert(loadedEventsCount, [1, 1]);
|
||||
TKUnit.arrayAssert(unloadedEventsCount, [1, 1]);
|
||||
}
|
||||
|
||||
function _clickTheFirstButtonInTheListViewNatively(tabView: TabView) {
|
||||
if (tabView.android) {
|
||||
var viewPager: android.support.v4.view.ViewPager = (<any>tabView)._viewPager;
|
||||
var androidListView = <android.widget.ListView>viewPager.getChildAt(0);
|
||||
var stackLayout = <org.nativescript.widgets.StackLayout>androidListView.getChildAt(0);
|
||||
var button = <android.widget.Button>stackLayout.getChildAt(0);
|
||||
button.performClick();
|
||||
}
|
||||
else {
|
||||
(<UIButton>(<UITableView>tabView.ios.viewControllers[0].view.subviews[0]).cellForRowAtIndexPath(NSIndexPath.indexPathForItemInSection(0, 0)).contentView.subviews[0]).sendActionsForControlEvents(UIControlEvents.UIControlEventTouchUpInside);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user