Class SafeAreaTests

apps/automated/src/ui/layouts/safe-area-tests.ts:9–1485

import { dipToDp, left, top, right, bottom, height, width, equal, closeEnough, lessOrCloseEnough, greaterOrCloseEnough, isLeftAlignedWith, isRightAlignedWith, isTopAlignedWith, isBottomAlignedWith, isLeftWith, isAboveWith, isRightWith, isBelowWith } from './layout-tests-helper';

export class SafeAreaTests extends testModule.UITest<any> {
	public create(): any {
		return null;
	}

	private executeSnippet<U extends { root: view.View }>(ui: U, setup: (ui: U) => void, test: (ui: U) => void, pageOptions?: helper.PageOptions): void {
		function waitUntilTestElementLayoutIsValid(view: view.View, timeoutSec?: number): void {
			TKUnit.waitUntilReady(() => {
				return view.isLayoutValid;
			}, timeoutSec || 1);
		}

		setup(ui);
		helper.buildUIAndRunTest(
			ui.root,
			() => {
				waitUntilTestElementLayoutIsValid(ui.root);
				test(ui);
			},
			pageOptions,
		);
	}

	private noop() {
		// no operation
	}

	public test_layout_changed_event_count() {
		const page = <Page>Builder.parse(`
        <Page>
            <GridLayout id="grid" backgroundColor="Crimson">
                <Label id="label" text="label1" backgroundColor="Gold"></Label>
            </GridLayout>
        </Page>
        `);
		let gridLayoutChangedCounter = 0;
		let labelLayoutChangedCounter = 0;
		const grid = page.getViewById('grid');
		grid.on(view.View.layoutChangedEvent, () => {
			gridLayoutChangedCounter++;
		});
		const label = <Label>page.getViewById('label');
		label.on(view.View.layoutChangedEvent, () => {
			labelLayoutChangedCounter++;
		});
		helper.navigate(() => page);
		label.height = 100;
		TKUnit.waitUntilReady(() => labelLayoutChangedCounter === 2);
		TKUnit.assert(gridLayoutChangedCounter === 1, `${grid} layoutChanged event count - actual:${gridLayoutChangedCounter}; expected: 1`);
	}

	// Common
	private getViews(template: string) {
		let root = Builder.parse(template);

		return {
			root,
			child0: root.getViewById('child0') as view.View,