NativeScript/apps/automated/app/ui/root-view/root-view-tests.ts

import * as TKUnit from '../../tk-unit';
import { Page, TabView, View, GridLayout, Frame, NavigationEntry, Application } from '@nativescript/core';
import * as helper from '../../ui-helper';

function createTestFrameRootEntry() {
	const page = new Page();
	const frameRoot = new Frame();
	frameRoot.navigate(() => page);

	const entry: NavigationEntry = {
		create: () => <any>frameRoot,
	};

	return {
		entry: entry,
		root: frameRoot,
		page: page,
	};
}

export function test_custom_component_rootview_css_applied() {
	var entry = {
		moduleName: 'ui/root-view/root-modules/custom-component-root',
	};

	Application.resetRootView(entry);

	var rootView = Application.getRootView();
	TKUnit.waitUntilReady(() => rootView.isLoaded);

	TKUnit.assertNotNull(rootView);
	TKUnit.assertEqual(rootView.className, 'MyStackLayoutRoot', 'Expected result custom control is created');
	helper.assertViewBackgroundColor(rootView, '#0000FF');
}

export function test_custom_component_rootview_layout_updates() {
	layout_invalidate_test('./ui/root-view/root-modules/custom-component-root');
}

export function test_tabview_rootview_css_applied() {
	var entry = {
		moduleName: 'ui/root-view/root-modules/tabview-root',
	};

	Application.resetRootView(entry);

	var rootView = Application.getRootView();
	TKUnit.waitUntilReady(() => rootView.isLoaded);

	TKUnit.assert(rootView instanceof TabView);
	helper.assertTabSelectedTabTextColor(rootView, '#0000FF');
}

export function test_gridlayout_rootview_css_applied() {
	var entry = {
		moduleName: 'ui/root-view/root-modules/gridlayout-root',
	};

	Application.resetRootView(entry);

	var rootView = Application.getRootView();
	TKUnit.waitUntilReady(() => rootView.isLoaded);

	TKUnit.assert(rootView instanceof GridLayout);
	helper.assertViewBackgroundColor(rootView, '#0000FF');
}

export function test_gridlayout_rootview_layout_updates() {
	layout_invalidate_test('ui/root-view/root-modules/gridlayout-root');
}

export function test_tabview_rootview_layout_updates() {
	layout_invalidate_test('ui/root-view/root-modules/gridlayout-root');
}

function layout_invalidate_test(moduleName: string) {
	var entry = { moduleName };

	Application.resetRootView(entry);

	var rootView = Application.getRootView();
	TKUnit.waitUntilReady(() => rootView.isLayoutValid);

	const lbl = <View>rootView.getViewById('my-test-label');

	lbl.visibility = 'collapse';
	TKUnit.assertFalse(rootView.isLayoutValid);
	TKUnit.waitUntilReady(() => rootView.isLayoutValid);

	lbl.visibility = 'visible';
	TKUnit.assertFalse(rootView.isLayoutValid);
	TKUnit.waitUntilReady(() => rootView.isLayoutValid);
	TKUnit.waitUntilReady(() => lbl.isLayoutValid);
}

export function tearDownModule() {
	// reset the root to frame for other tests
	const resetFrameRoot = createTestFrameRootEntry();

	Application.resetRootView(resetFrameRoot.entry);
	TKUnit.waitUntilReady(() => resetFrameRoot.page.isLoaded);
}