NativeScript/tests/app/ui/repeater/repeater-safe-area-tests.ts

import * as helper from "../helper";
import * as TKUnit from "../../TKUnit";
import { parse } from "tns-core-modules/ui/builder";
import * as view from "tns-core-modules/ui/core/view";
import * as platform from "tns-core-modules/platform";
import { Repeater } from "tns-core-modules/ui/repeater";
import { ios as iosUtils } from "tns-core-modules/utils/utils";
import { UITest } from "../../ui-test";
import {
    dipToDp, left, top, right, bottom, height, width,
    equal, check, lessOrCloseEnough, greaterOrCloseEnough,
    isLeftAlignedWith, isRightAlignedWith, isTopAlignedWith
} from "../layouts/layout-tests-helper";

export class RepeaterSafeAreaTest extends UITest<Repeater> {

    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
    };

    private getViews(template: string) {
        let root = parse(template);
        return {
            root,
            list: root.getViewById("repeater") as Repeater
        };
    };

    private repeater_in_full_screen(repeater: Repeater, pageOptions?: helper.PageOptions) {
        let expectedTop = 0;
        if (pageOptions && pageOptions.actionBarFlat) {
            const actionBarHeight = round(dipToDp(repeater.page.actionBar.nativeViewProtected.frame.size.height));
            const app = iosUtils.getter(UIApplication, UIApplication.sharedApplication);
            const statusBarHeight = round(dipToDp(app.statusBarFrame.size.height));
            expectedTop = actionBarHeight + statusBarHeight;
        }

        const l = left(repeater);
        const t = top(repeater);
        const r = right(repeater);
        const b = bottom(repeater);
        equal(l, 0, `${repeater}.left - actual:${l}; expected: ${0}`);
        equal(t, expectedTop, `${repeater}.top - actual:${t}; expected: ${expectedTop}`);
        equal(r, platform.screen.mainScreen.widthPixels, `${repeater}.right - actual:${r}; expected: ${platform.screen.mainScreen.widthPixels}`);
        equal(b, platform.screen.mainScreen.heightPixels, `${repeater}.bottom - actual:${b}; expected: ${platform.screen.mainScreen.heightPixels}`);
    }

    private repeater_in_full_screen_test(pageOptions?: helper.PageOptions) {
        const snippet = `
        <Repeater id="repeater" loaded="onLoaded" backgroundColor="Crimson"></Repeater>
        `;
        this.executeSnippet(
            this.getViews(snippet),
            this.noop,
            ({ list }) => {
                this.repeater_in_full_screen(list, pageOptions);
            },
            pageOptions
        );
    }

    public test_repeater_in_full_screen_action_bar() {
        this.repeater_in_full_screen_test({ actionBar: true });
    }

    public test_repeater_in_full_screen_action_bar_hidden() {
        this.repeater_in_full_screen_test({ actionBarHidden: true });
    }

    public test_repeater_in_full_screen_action_bar_flat() {
        this.repeater_in_full_screen_test({ actionBarFlat: true });
    }

    public test_repeater_in_full_screen_tab_bar() {
        this.repeater_in_full_screen_test({ tabBar: true });
    }
}

export function createTestCase(): RepeaterSafeAreaTest {
    return new RepeaterSafeAreaTest();
}