mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
323 lines
14 KiB
TypeScript
323 lines
14 KiB
TypeScript
import {Page} from "ui/page";
|
||
import {StackLayout} from "ui/layouts/stack-layout";
|
||
import {Button} from "ui/button";
|
||
import TKUnit = require("../TKUnit");
|
||
import helper = require("./layout-helper");
|
||
import navHelper = require("../ui/helper");
|
||
import enums = require("ui/enums");
|
||
import utils = require("utils/utils");
|
||
import testModule = require("../ui-test");
|
||
import layoutHelper = require("./layout-helper");
|
||
import commonTests = require("./common-layout-tests");
|
||
|
||
export class StackLayoutTest extends testModule.UITest<StackLayout> {
|
||
|
||
private rootLayout: helper.MyStackLayout;
|
||
private btn1: helper.MyButton;
|
||
private btn2: helper.MyButton;
|
||
|
||
public create(): StackLayout {
|
||
this.rootLayout = new helper.MyStackLayout();
|
||
this.btn1 = new helper.MyButton();
|
||
this.btn1.text = "btn1";
|
||
this.rootLayout.addChild(this.btn1);
|
||
this.btn2 = new helper.MyButton();
|
||
this.btn2.text = "btn2";
|
||
this.rootLayout.addChild(this.btn2);
|
||
return this.rootLayout;
|
||
}
|
||
|
||
public test_orientation_DefaultValue() {
|
||
TKUnit.assertEqual(this.rootLayout.orientation, enums.Orientation.vertical, "Default orientation should be Vertical.");
|
||
}
|
||
|
||
public test_SetWrongOrientation_ShouldThrowError() {
|
||
TKUnit.assertThrows(() => { this.rootLayout.orientation = "not_valid"; },
|
||
"Setting invalid value for orientation should throw exception.");
|
||
}
|
||
|
||
public test_Orientation_Change() {
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
var arrangeCount = this.rootLayout.arrangeCount;
|
||
TKUnit.assertEqual(this.rootLayout.orientation, enums.Orientation.vertical, "Default orientation should be Vertical.");
|
||
|
||
this.rootLayout.orientation = enums.Orientation.horizontal;
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
TKUnit.assertEqual(this.rootLayout.measureCount, 2, "Orientation change should invalidate measure.");
|
||
TKUnit.assertEqual(this.rootLayout.arrangeCount, 2, "Orientation change should invalidate arrange.");
|
||
}
|
||
|
||
public test_ShouldMeasureWith_AtMost_OnVertical() {
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
TKUnit.assertEqual(this.rootLayout.orientation, enums.Orientation.vertical, "StackLayout should be vertical.");
|
||
TKUnit.assertTrue(this.rootLayout.measured, "Layout should be measured.");
|
||
TKUnit.assertTrue(this.rootLayout.arranged, "Layout should be arranged.");
|
||
|
||
var specs = this.btn1._getCurrentMeasureSpecs();
|
||
|
||
TKUnit.assertEqual(utils.layout.getMeasureSpecMode(specs.heightMeasureSpec), utils.layout.AT_MOST, "Layout should measure child with AT_MOST Height in vertical orientation.");
|
||
}
|
||
|
||
public test_ShouldMeasureWith_AtMost_OnHorizontal() {
|
||
|
||
this.rootLayout.orientation = enums.Orientation.horizontal;
|
||
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
TKUnit.assert(this.rootLayout.measured, "Layout should be measured.");
|
||
TKUnit.assert(this.rootLayout.arranged, "Layout should be arranged.");
|
||
|
||
var specs = this.btn1._getCurrentMeasureSpecs();
|
||
|
||
TKUnit.assertEqual(utils.layout.getMeasureSpecMode(specs.widthMeasureSpec), utils.layout.AT_MOST, "Layout should measure child with AT_MOST Width in horizontal orientation.");
|
||
}
|
||
|
||
public test_DesiredSize_Vertical() {
|
||
|
||
this.rootLayout.verticalAlignment = enums.VerticalAlignment.top;
|
||
this.rootLayout.horizontalAlignment = enums.HorizontalAlignment.left;
|
||
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
TKUnit.assertEqual(this.rootLayout.getMeasuredWidth(), Math.max(this.btn1.getMeasuredWidth(), this.btn2.getMeasuredWidth()), "Layout getMeasuredWidth should be Max of children getMeasuredWidth");
|
||
TKUnit.assertEqual(this.rootLayout.getMeasuredHeight(), (this.btn1.getMeasuredHeight() + this.btn2.getMeasuredHeight()), "Layout getMeasuredHeight should be Sum of children getMeasuredHeight");
|
||
}
|
||
|
||
public test_DesiredSize_Horizontal() {
|
||
|
||
this.rootLayout.horizontalAlignment = enums.HorizontalAlignment.left;
|
||
this.rootLayout.verticalAlignment = enums.VerticalAlignment.top;
|
||
this.rootLayout.orientation = enums.Orientation.horizontal;
|
||
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
TKUnit.assertEqual(this.rootLayout.getMeasuredWidth(), (this.btn1.getMeasuredWidth() + this.btn2.getMeasuredWidth()), "Layout getMeasuredWidth should be Sum of children getMeasuredWidth");
|
||
TKUnit.assertEqual(this.rootLayout.getMeasuredHeight(), Math.max(this.btn1.getMeasuredHeight(), this.btn2.getMeasuredHeight()), "Layout getMeasuredHeight should be Max of children getMeasuredHeight");
|
||
}
|
||
|
||
public test_Padding_Vertical() {
|
||
this.rootLayout.width = layoutHelper.dp(300);
|
||
this.rootLayout.height = layoutHelper.dp(300);
|
||
|
||
this.rootLayout.paddingLeft = layoutHelper.dp(10);
|
||
this.rootLayout.paddingTop = layoutHelper.dp(20);
|
||
this.rootLayout.paddingRight = layoutHelper.dp(30);
|
||
this.rootLayout.paddingBottom = layoutHelper.dp(40);
|
||
|
||
this.btn1.height = layoutHelper.dp(50);
|
||
this.btn2.height = layoutHelper.dp(50);
|
||
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
helper.assertMeasure(this.btn1, 260, 50);
|
||
helper.assertMeasure(this.btn2, 260, 50);
|
||
|
||
helper.assertLayout(this.btn1, 10, 20, 260, 50, "btn1");
|
||
helper.assertLayout(this.btn2, 10, 70, 260, 50, "btn2");
|
||
}
|
||
|
||
public test_Padding_Horizontal() {
|
||
this.rootLayout.width = layoutHelper.dp(300);
|
||
this.rootLayout.height = layoutHelper.dp(300);
|
||
this.rootLayout.orientation = enums.Orientation.horizontal;
|
||
|
||
this.rootLayout.paddingLeft = layoutHelper.dp(10);
|
||
this.rootLayout.paddingTop = layoutHelper.dp(20);
|
||
this.rootLayout.paddingRight = layoutHelper.dp(30);
|
||
this.rootLayout.paddingBottom = layoutHelper.dp(40);
|
||
|
||
this.btn1.width = layoutHelper.dp(50);
|
||
this.btn2.width = layoutHelper.dp(50);
|
||
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
helper.assertMeasure(this.btn1, 50, 240);
|
||
helper.assertMeasure(this.btn2, 50, 240);
|
||
|
||
helper.assertLayout(this.btn1, 10, 20, 50, 240, "btn1");
|
||
helper.assertLayout(this.btn2, 60, 20, 50, 240, "btn2");
|
||
}
|
||
|
||
private assertChildTexts(expected, layout, message) {
|
||
let texts: Array<string> = [];
|
||
layout._eachChildView((child: { text: string }) => texts.push(child.text));
|
||
TKUnit.assertEqual(expected, texts.join('|'), message);
|
||
}
|
||
|
||
public test_insertChildAtPosition() {
|
||
this.assertChildTexts("btn1|btn2", this.rootLayout, "initial 2 buttons");
|
||
|
||
let newChild = new Button();
|
||
newChild.text = 'in-between';
|
||
this.rootLayout.insertChild(newChild, 1);
|
||
|
||
this.assertChildTexts("btn1|in-between|btn2", this.rootLayout, "button inserted at correct location");
|
||
}
|
||
|
||
public test_getChildIndex() {
|
||
let lastChildIndex = this.rootLayout.getChildrenCount() - 1;
|
||
let lastButton = <Button>this.rootLayout.getChildAt(lastChildIndex);
|
||
TKUnit.assertEqual("btn2", lastButton.text);
|
||
TKUnit.assertEqual(lastChildIndex, this.rootLayout.getChildIndex(lastButton));
|
||
|
||
let nonChild = new Button();
|
||
TKUnit.assertEqual(-1, this.rootLayout.getChildIndex(nonChild));
|
||
}
|
||
|
||
public test_codesnippets() {
|
||
// <snippet module="ui/layouts/stack-layout" title="stack-layout">
|
||
// ### import StackLayout and Button classes
|
||
// var StackLayout = require("ui/layouts/stack-layout").StackLayout;
|
||
// var Button = require("ui/button").Button;
|
||
// ### Create StackLayout
|
||
// ``` JavaScript
|
||
var stackLayout = new StackLayout();
|
||
// ```
|
||
|
||
// ### Declaring a StackLayout.
|
||
//```XML
|
||
// <Page>
|
||
// <StackLayout orientation="horizontal">
|
||
// <Label text="This is Label 1" />
|
||
// </StackLayout>
|
||
// </Page>
|
||
//```
|
||
// </snippet>
|
||
|
||
// ### Add child view to layout
|
||
// ``` JavaScript
|
||
var btn = new Button();
|
||
stackLayout.addChild(btn);
|
||
// ```
|
||
|
||
// ### Remove child view from layout
|
||
// ``` JavaScript
|
||
stackLayout.removeChild(btn);
|
||
// ```
|
||
|
||
// ### Change layout orientation to Horizontal
|
||
// ``` JavaScript
|
||
stackLayout.orientation = enums.Orientation.horizontal;
|
||
// ```
|
||
|
||
// </snippet>
|
||
}
|
||
|
||
private setup_percent(): layoutHelper.MyButton {
|
||
let layout = this.testView;
|
||
layout.removeChildren();
|
||
layout.width = layoutHelper.dp(200);
|
||
layout.height = layoutHelper.dp(200);
|
||
|
||
let btn = new layoutHelper.MyButton();
|
||
btn.horizontalAlignment = enums.HorizontalAlignment.left;
|
||
btn.verticalAlignment = enums.VerticalAlignment.top;
|
||
(<any>btn).width = "50%";
|
||
(<any>btn).height = "50%";
|
||
btn.margin = "10%";
|
||
btn.text = "1";
|
||
layout.addChild(btn);
|
||
return btn;
|
||
}
|
||
|
||
public test_percent_support_vertical() {
|
||
let btn = this.setup_percent();
|
||
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
TKUnit.assertEqual(btn.getMeasuredWidth(), 100, "Button MeasuredWidth incorrect");
|
||
TKUnit.assertEqual(btn.getMeasuredHeight(), 100, "Button MeasuredHeight incorrect");
|
||
|
||
let bounds = btn._getCurrentLayoutBounds();
|
||
TKUnit.assertEqual(bounds.left, 20, "TopLeft layout LEFT incorrect");
|
||
TKUnit.assertEqual(bounds.top, 20, "TopLeft layout TOP incorrect");
|
||
TKUnit.assertEqual(bounds.right, 120, "TopLeft layout RIGHT incorrect");
|
||
TKUnit.assertEqual(bounds.bottom, 120, "TopLeft layout BOTTOM incorrect");
|
||
|
||
btn.horizontalAlignment = enums.HorizontalAlignment.center;
|
||
btn.verticalAlignment = enums.VerticalAlignment.center;
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
bounds = btn._getCurrentLayoutBounds();
|
||
TKUnit.assertEqual(bounds.left, 50, "Center layout LEFT incorrect");
|
||
TKUnit.assertEqual(bounds.top, 20, "Center layout TOP incorrect");
|
||
TKUnit.assertEqual(bounds.right, 150, "Center layout RIGHT incorrect");
|
||
TKUnit.assertEqual(bounds.bottom, 120, "Center layout BOTTOM incorrect");
|
||
|
||
btn.horizontalAlignment = enums.HorizontalAlignment.stretch;
|
||
btn.verticalAlignment = enums.VerticalAlignment.stretch;
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
bounds = btn._getCurrentLayoutBounds();
|
||
TKUnit.assertEqual(bounds.left, 50, "Stretch layout LEFT incorrect");
|
||
TKUnit.assertEqual(bounds.top, 20, "Stretch layout TOP incorrect");
|
||
TKUnit.assertEqual(bounds.right, 150, "Stretch layout RIGHT incorrect");
|
||
TKUnit.assertEqual(bounds.bottom, 120, "Stretch layout BOTTOM incorrect");
|
||
|
||
btn.horizontalAlignment = enums.HorizontalAlignment.right;
|
||
btn.verticalAlignment = enums.VerticalAlignment.bottom;
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
bounds = btn._getCurrentLayoutBounds();
|
||
TKUnit.assertEqual(bounds.left, 80, "BottomRight layout LEFT incorrect");
|
||
TKUnit.assertEqual(bounds.top, 20, "BottomRight layout TOP incorrect");
|
||
TKUnit.assertEqual(bounds.right, 180, "BottomRight layout RIGHT incorrect");
|
||
TKUnit.assertEqual(bounds.bottom, 120, "BottomRight layout BOTTOM incorrect");
|
||
}
|
||
|
||
public test_percent_support_horizontal() {
|
||
let btn = this.setup_percent();
|
||
this.testView.orientation = enums.Orientation.horizontal;
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
TKUnit.assertEqual(btn.getMeasuredWidth(), 100, "Button MeasuredWidth incorrect");
|
||
TKUnit.assertEqual(btn.getMeasuredHeight(), 100, "Button MeasuredHeight incorrect");
|
||
|
||
let bounds = btn._getCurrentLayoutBounds();
|
||
TKUnit.assertEqual(bounds.left, 20, "TopLeft layout LEFT incorrect");
|
||
TKUnit.assertEqual(bounds.top, 20, "TopLeft layout TOP incorrect");
|
||
TKUnit.assertEqual(bounds.right, 120, "TopLeft layout RIGHT incorrect");
|
||
TKUnit.assertEqual(bounds.bottom, 120, "TopLeft layout BOTTOM incorrect");
|
||
|
||
btn.horizontalAlignment = enums.HorizontalAlignment.center;
|
||
btn.verticalAlignment = enums.VerticalAlignment.center;
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
bounds = btn._getCurrentLayoutBounds();
|
||
TKUnit.assertEqual(bounds.left, 20, "Center layout LEFT incorrect");
|
||
TKUnit.assertEqual(bounds.top, 50, "Center layout TOP incorrect");
|
||
TKUnit.assertEqual(bounds.right, 120, "Center layout RIGHT incorrect");
|
||
TKUnit.assertEqual(bounds.bottom, 150, "Center layout BOTTOM incorrect");
|
||
|
||
btn.horizontalAlignment = enums.HorizontalAlignment.stretch;
|
||
btn.verticalAlignment = enums.VerticalAlignment.stretch;
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
bounds = btn._getCurrentLayoutBounds();
|
||
TKUnit.assertEqual(bounds.left, 20, "Stretch layout LEFT incorrect");
|
||
TKUnit.assertEqual(bounds.top, 50, "Stretch layout TOP incorrect");
|
||
TKUnit.assertEqual(bounds.right, 120, "Stretch layout RIGHT incorrect");
|
||
TKUnit.assertEqual(bounds.bottom, 150, "Stretch layout BOTTOM incorrect");
|
||
|
||
btn.horizontalAlignment = enums.HorizontalAlignment.right;
|
||
btn.verticalAlignment = enums.VerticalAlignment.bottom;
|
||
this.waitUntilTestElementLayoutIsValid();
|
||
|
||
bounds = btn._getCurrentLayoutBounds();
|
||
TKUnit.assertEqual(bounds.left, 20, "BottomRight layout LEFT incorrect");
|
||
TKUnit.assertEqual(bounds.top, 80, "BottomRight layout TOP incorrect");
|
||
TKUnit.assertEqual(bounds.right, 120, "BottomRight layout RIGHT incorrect");
|
||
TKUnit.assertEqual(bounds.bottom, 180, "BottomRight layout BOTTOM incorrect");
|
||
}
|
||
|
||
public test_percent_support_nativeLayoutParams_are_correct() {
|
||
commonTests.percent_support_nativeLayoutParams_are_correct(this);
|
||
}
|
||
}
|
||
|
||
export function createTestCase(): StackLayoutTest {
|
||
return new StackLayoutTest();
|
||
} |