mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-16 20:11:24 +08:00
114 lines
4.4 KiB
TypeScript
114 lines
4.4 KiB
TypeScript
import testModule = require("../../ui-test");
|
|
import TKUnit = require("../../TKUnit");
|
|
import labelModule = require("ui/label");
|
|
import colorModule = require("color");
|
|
import layoutHelper = require("./layout-helper");
|
|
import commonTests = require("./common-layout-tests");
|
|
|
|
// >> absolute-layout-require
|
|
import absoluteLayoutModule = require("ui/layouts/absolute-layout");
|
|
// << absolute-layout-require
|
|
|
|
export class AbsoluteLayoutTest extends testModule.UITest<absoluteLayoutModule.AbsoluteLayout> {
|
|
|
|
public create(): absoluteLayoutModule.AbsoluteLayout {
|
|
return new absoluteLayoutModule.AbsoluteLayout();
|
|
}
|
|
|
|
public snippet() {
|
|
|
|
// >> absolute-layout-populating
|
|
var absoluteLayout = new absoluteLayoutModule.AbsoluteLayout();
|
|
absoluteLayout.width = 230;
|
|
absoluteLayout.height = 230;
|
|
absoluteLayout.style.backgroundColor = new colorModule.Color("LightGray");
|
|
var label = new labelModule.Label();
|
|
// In absolute layout place of an UI element is determined by 4 parameters : left, top, width and height.
|
|
absoluteLayoutModule.AbsoluteLayout.setLeft(label, 10);
|
|
absoluteLayoutModule.AbsoluteLayout.setTop(label, 10);
|
|
label.width = 100;
|
|
label.height = 100;
|
|
label.text = "LT";
|
|
label.id = "LT";
|
|
label.style.backgroundColor = new colorModule.Color("Red");
|
|
absoluteLayout.addChild(label);
|
|
// << absolute-layout-populating
|
|
}
|
|
|
|
public testAll() {
|
|
|
|
let absoluteLayout = this.testView;
|
|
absoluteLayout.width = layoutHelper.dp(230);
|
|
absoluteLayout.height = layoutHelper.dp(230);
|
|
absoluteLayout.style.backgroundColor = new colorModule.Color("LightGray");
|
|
let label = new labelModule.Label();
|
|
|
|
absoluteLayoutModule.AbsoluteLayout.setLeft(label, layoutHelper.dp(10));
|
|
absoluteLayoutModule.AbsoluteLayout.setTop(label, layoutHelper.dp(10));
|
|
label.width = layoutHelper.dp(100);
|
|
label.height = layoutHelper.dp(100);
|
|
label.text = "LT";
|
|
label.style.backgroundColor = new colorModule.Color("Red");
|
|
absoluteLayout.addChild(label);
|
|
|
|
this.waitUntilTestElementLayoutIsValid();
|
|
|
|
let actualValue = label._getCurrentLayoutBounds();
|
|
let width = actualValue.right - actualValue.left;
|
|
let height = actualValue.bottom - actualValue.top;
|
|
TKUnit.assertEqual(actualValue.left, 10, "ActualLeft");
|
|
TKUnit.assertEqual(actualValue.top, 10, "ActualTop");
|
|
TKUnit.assertEqual(width, 100, "ActualWidth");
|
|
TKUnit.assertEqual(height, 100, "Actualheight");
|
|
}
|
|
|
|
public test_padding() {
|
|
let absoluteLayout = this.testView;
|
|
absoluteLayout.width = layoutHelper.dp(200);
|
|
absoluteLayout.height = layoutHelper.dp(200);
|
|
absoluteLayout.paddingLeft = layoutHelper.dp(5);
|
|
absoluteLayout.paddingTop = layoutHelper.dp(15);
|
|
|
|
// Left Top
|
|
let btn = new layoutHelper.MyButton();
|
|
btn.width = layoutHelper.dp(100);
|
|
btn.height = layoutHelper.dp(100);
|
|
absoluteLayoutModule.AbsoluteLayout.setLeft(btn, layoutHelper.dp(20));
|
|
absoluteLayoutModule.AbsoluteLayout.setTop(btn, layoutHelper.dp(20));
|
|
absoluteLayout.addChild(btn);
|
|
|
|
this.waitUntilTestElementLayoutIsValid();
|
|
layoutHelper.assertMeasure(btn, 100, 100);
|
|
layoutHelper.assertLayout(btn, 25, 35, 100, 100);
|
|
}
|
|
|
|
public test_percent_support() {
|
|
let layout = this.testView;
|
|
layout.width = layoutHelper.dp(200);
|
|
layout.height = layoutHelper.dp(200);
|
|
|
|
let btn = new layoutHelper.MyButton();
|
|
(<any>btn).width = "50%";
|
|
(<any>btn).height = "50%";
|
|
btn.margin = "10%";
|
|
layout.addChild(btn);
|
|
|
|
this.waitUntilTestElementLayoutIsValid();
|
|
|
|
// AbsoluteLayout measures with 0/UNSPECIFIED so we cannot support percents in it.
|
|
layoutHelper.assertMeasure(btn, 100, 100);
|
|
layoutHelper.assertLayout(btn, 20, 20, btn.getMeasuredWidth(), btn.getMeasuredHeight());
|
|
|
|
TKUnit.assertEqual(btn.getMeasuredWidth(), 100, "Button MeasuredWidth incorrect");
|
|
TKUnit.assertEqual(btn.getMeasuredHeight(), 100, "Button MeasuredHeight incorrect");
|
|
}
|
|
|
|
public test_percent_support_nativeLayoutParams_are_correct() {
|
|
commonTests.percent_support_nativeLayoutParams_are_correct(this);
|
|
}
|
|
}
|
|
|
|
export function createTestCase(): AbsoluteLayoutTest {
|
|
return new AbsoluteLayoutTest();
|
|
}
|