NativeScript/tests/app/ui/view/view-tests.ios.ts

import { View } from "@nativescript/core/ui/core/view";
import { Button } from "@nativescript/core/ui/button";
import { GridLayout } from "@nativescript/core/ui/layouts/grid-layout";
import { Color } from "@nativescript/core/color";
import * as helper from "../../ui-helper";
import * as TKUnit from "../../tk-unit";
import * as utils from "@nativescript/core/utils/utils";

export * from "./view-tests-common";

class MyGrid extends GridLayout {
    public backgroundDrawCount: number = 0;

    _redrawNativeBackground(background: any) {
        this.backgroundDrawCount++;
        super._redrawNativeBackground(background);
    }
}

export function getUniformNativeBorderWidth(v: View): number {
    return utils.layout.toDevicePixels((<UIView>v.ios).layer.borderWidth);
}

export function checkUniformNativeBorderColor(v: View): boolean {
    if (v.borderColor instanceof Color) {
        return (<UIView>v.ios).layer.borderColor === (<Color>v.borderColor).ios.CGColor;
    }

    return undefined;
}

export function getUniformNativeCornerRadius(v: View): number {
    return utils.layout.toDevicePixels((<UIView>v.ios).layer.cornerRadius);
}

export function checkNativeBackgroundColor(v: View): boolean {
    if (v.ios instanceof UILabel) {
        var cgColor1 = (<UILabel>v.ios).layer.backgroundColor;
        var cgColor2 = (<UIColor>(<Color>v.backgroundColor).ios).CGColor;

        return v.backgroundColor && !!CGColorEqualToColor(cgColor1, cgColor2);
    }

    return v.backgroundColor && (<UIView>v.ios).backgroundColor.isEqual((<Color>v.backgroundColor).ios);
}

export function checkNativeBackgroundImage(v: View): boolean {
    return (<UIView>v.ios).backgroundColor !== undefined;
}

export function testBackgroundInternalChangedOnceOnResize() {

    let root = helper.getCurrentPage();
    let layout = new MyGrid();
    layout.className = "myClass";
    layout.backgroundColor = new Color(255, 255, 0, 0);

    root.css = ".myClass { background-image: url('~/assets/logo.png') }";
    root.content = layout;

    function trackCount() {
        let result = layout.backgroundDrawCount;
        layout.backgroundDrawCount = 0;

        return result;
    }

    trackCount();
    layout.requestLayout();
    layout.layout(0, 0, 200, 200);

    TKUnit.assertEqual(trackCount(), 1, "Expected background to be re-applied at most once when the view is layed-out on 0 0 200 200.");

    layout.requestLayout();
    layout.layout(50, 50, 250, 250);

    TKUnit.assertEqual(trackCount(), 0, "Expected background to NOT change when view is layed-out from 0 0 200 200 to 50 50 250 250.");

    layout.requestLayout();
    layout.layout(0, 0, 250, 250);

    TKUnit.assertEqual(trackCount(), 1, "Expected background to be re-applied at most once when the view is layed-out from 50 50 250 250 to 0 0 250 250.");
}

export function test_automation_text_set_to_native() {
    var newButton = new Button();
    newButton.automationText = "Button1";
    helper.getCurrentPage().content = newButton;
    TKUnit.assertEqual((<UIView>newButton.ios).accessibilityIdentifier, "Button1", "accessibilityIdentifier not set to native view.");
    TKUnit.assertEqual((<UIView>newButton.ios).accessibilityLabel, "Button1", "accessibilityIdentifier not set to native view.");
}