mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
Add module duration
Reduce all Layouts, ScrollView & WebView test time
This commit is contained in:
hshristov
@@ -6,241 +6,205 @@ 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");
|
||||
|
||||
var ASYNC = 2;
|
||||
export class StackLayoutTest extends testModule.UITest<StackLayout> {
|
||||
|
||||
var tmp: Button;
|
||||
var newPage: Page;
|
||||
var rootLayout: helper.MyStackLayout;
|
||||
var btn1: helper.MyButton;
|
||||
var btn2: helper.MyButton;
|
||||
private rootLayout: helper.MyStackLayout;
|
||||
private btn1: helper.MyButton;
|
||||
private btn2: helper.MyButton;
|
||||
|
||||
export function setUpModule() {
|
||||
var pageFactory = function () {
|
||||
newPage = new Page();
|
||||
tmp = new Button();
|
||||
tmp.text = "Loading test";
|
||||
newPage.content = tmp;
|
||||
return newPage;
|
||||
};
|
||||
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;
|
||||
}
|
||||
|
||||
navHelper.navigate(pageFactory);
|
||||
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.assert(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.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.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 = 300;
|
||||
this.rootLayout.height = 300;
|
||||
|
||||
this.rootLayout.paddingLeft = 10;
|
||||
this.rootLayout.paddingTop = 20;
|
||||
this.rootLayout.paddingRight = 30;
|
||||
this.rootLayout.paddingBottom = 40;
|
||||
|
||||
this.btn1.height = 50;
|
||||
this.btn2.height = 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 = 300;
|
||||
this.rootLayout.height = 300;
|
||||
this.rootLayout.orientation = enums.Orientation.horizontal;
|
||||
|
||||
this.rootLayout.paddingLeft = 10;
|
||||
this.rootLayout.paddingTop = 20;
|
||||
this.rootLayout.paddingRight = 30;
|
||||
this.rootLayout.paddingBottom = 40;
|
||||
|
||||
this.btn1.width = 50;
|
||||
this.btn2.width = 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>
|
||||
}
|
||||
}
|
||||
|
||||
export function tearDownModule() {
|
||||
navHelper.goBack();
|
||||
tmp = null;
|
||||
newPage = null;
|
||||
rootLayout = null;
|
||||
btn1 = null;
|
||||
btn2 = null;
|
||||
}
|
||||
|
||||
export function setUp() {
|
||||
rootLayout = new helper.MyStackLayout();
|
||||
btn1 = new helper.MyButton();
|
||||
btn1.text = "btn1";
|
||||
rootLayout.addChild(btn1);
|
||||
btn2 = new helper.MyButton();
|
||||
btn2.text = "btn2";
|
||||
rootLayout.addChild(btn2);
|
||||
newPage.content = rootLayout;
|
||||
}
|
||||
|
||||
export function tearDown() {
|
||||
newPage.content = tmp;
|
||||
}
|
||||
|
||||
export function test_orientation_DefaultValue() {
|
||||
TKUnit.assertEqual(rootLayout.orientation, enums.Orientation.vertical, "Default orientation should be Vertical.");
|
||||
}
|
||||
|
||||
export function test_SetWrongOrientation_ShouldThrowError() {
|
||||
TKUnit.assertThrows(() => { rootLayout.orientation = "not_valid"; },
|
||||
"Setting invalid value for orientation should throw exception.");
|
||||
}
|
||||
|
||||
export function test_Orientation_Change() {
|
||||
|
||||
TKUnit.waitUntilReady(function () {
|
||||
return rootLayout.arranged;
|
||||
}, ASYNC);
|
||||
|
||||
var arrangeCount = rootLayout.arrangeCount;
|
||||
TKUnit.assert(rootLayout.orientation === enums.Orientation.vertical, "Default orientation should be Vertical.");
|
||||
|
||||
rootLayout.orientation = enums.Orientation.horizontal;
|
||||
|
||||
TKUnit.waitUntilReady(function () {
|
||||
return rootLayout.arrangeCount > arrangeCount;
|
||||
}, ASYNC);
|
||||
|
||||
TKUnit.assertEqual(rootLayout.measureCount, 2, "Orientation change should invalidate measure.");
|
||||
TKUnit.assertEqual(rootLayout.arrangeCount, 2, "Orientation change should invalidate arrange.");
|
||||
}
|
||||
|
||||
export function test_ShouldMeasureWith_AtMost_OnVertical() {
|
||||
|
||||
TKUnit.waitUntilReady(function () {
|
||||
return btn1.isLayoutValid;
|
||||
}, ASYNC);
|
||||
|
||||
TKUnit.assertEqual(rootLayout.orientation, enums.Orientation.vertical, "StackLayout should be vertical.");
|
||||
TKUnit.assert(rootLayout.measured, "Layout should be measured.");
|
||||
TKUnit.assert(rootLayout.arranged, "Layout should be arranged.");
|
||||
|
||||
var specs = btn1._getCurrentMeasureSpecs();
|
||||
|
||||
TKUnit.assertEqual(utils.layout.getMeasureSpecMode(specs.heightMeasureSpec), utils.layout.AT_MOST, "Layout should measure child with AT_MOST Height in vertical orientation.");
|
||||
}
|
||||
|
||||
export function test_ShouldMeasureWith_AtMost_OnHorizontal() {
|
||||
|
||||
rootLayout.orientation = enums.Orientation.horizontal;
|
||||
|
||||
TKUnit.waitUntilReady(function () {
|
||||
return btn1.arranged;
|
||||
}, ASYNC);
|
||||
|
||||
TKUnit.assert(rootLayout.measured, "Layout should be measured.");
|
||||
TKUnit.assert(rootLayout.arranged, "Layout should be arranged.");
|
||||
|
||||
var specs = btn1._getCurrentMeasureSpecs();
|
||||
|
||||
TKUnit.assertEqual(utils.layout.getMeasureSpecMode(specs.widthMeasureSpec), utils.layout.AT_MOST, "Layout should measure child with AT_MOST Width in horizontal orientation.");
|
||||
}
|
||||
|
||||
export function test_DesiredSize_Vertical() {
|
||||
|
||||
rootLayout.verticalAlignment = enums.VerticalAlignment.top;
|
||||
rootLayout.horizontalAlignment = enums.HorizontalAlignment.left;
|
||||
TKUnit.waitUntilReady(function () {
|
||||
return btn2.arranged;
|
||||
}, ASYNC);
|
||||
|
||||
TKUnit.assertEqual(rootLayout.getMeasuredWidth(), Math.max(btn1.getMeasuredWidth(), btn2.getMeasuredWidth()), "Layout getMeasuredWidth should be Max of children getMeasuredWidth");
|
||||
TKUnit.assertEqual(rootLayout.getMeasuredHeight(), (btn1.getMeasuredHeight() + btn2.getMeasuredHeight()), "Layout getMeasuredHeight should be Sum of children getMeasuredHeight");
|
||||
}
|
||||
|
||||
export function test_DesiredSize_Horizontal() {
|
||||
|
||||
rootLayout.horizontalAlignment = enums.HorizontalAlignment.left;
|
||||
rootLayout.verticalAlignment = enums.VerticalAlignment.top;
|
||||
rootLayout.orientation = enums.Orientation.horizontal;
|
||||
|
||||
TKUnit.waitUntilReady(function () {
|
||||
return btn2.arranged;
|
||||
}, ASYNC);
|
||||
|
||||
TKUnit.assertEqual(rootLayout.getMeasuredWidth(), (btn1.getMeasuredWidth() + btn2.getMeasuredWidth()), "Layout getMeasuredWidth should be Sum of children getMeasuredWidth");
|
||||
TKUnit.assertEqual(rootLayout.getMeasuredHeight(), Math.max(btn1.getMeasuredHeight(), btn2.getMeasuredHeight()), "Layout getMeasuredHeight should be Max of children getMeasuredHeight");
|
||||
}
|
||||
|
||||
export function test_Padding_Vertical() {
|
||||
rootLayout.width = 300;
|
||||
rootLayout.height = 300;
|
||||
|
||||
rootLayout.paddingLeft = 10;
|
||||
rootLayout.paddingTop = 20;
|
||||
rootLayout.paddingRight = 30;
|
||||
rootLayout.paddingBottom = 40;
|
||||
|
||||
btn1.height = 50;
|
||||
btn2.height = 50;
|
||||
|
||||
TKUnit.waitUntilReady(function () {
|
||||
return btn2.arranged;
|
||||
}, ASYNC);
|
||||
|
||||
helper.assertMeasure(btn1, 260, 50);
|
||||
helper.assertMeasure(btn2, 260, 50);
|
||||
|
||||
helper.assertLayout(btn1, 10, 20, 260, 50, "btn1");
|
||||
helper.assertLayout(btn2, 10, 70, 260, 50, "btn2");
|
||||
}
|
||||
|
||||
export function test_Padding_Horizontal() {
|
||||
rootLayout.width = 300;
|
||||
rootLayout.height = 300;
|
||||
rootLayout.orientation = enums.Orientation.horizontal;
|
||||
|
||||
rootLayout.paddingLeft = 10;
|
||||
rootLayout.paddingTop = 20;
|
||||
rootLayout.paddingRight = 30;
|
||||
rootLayout.paddingBottom = 40;
|
||||
|
||||
btn1.width = 50;
|
||||
btn2.width = 50;
|
||||
|
||||
TKUnit.waitUntilReady(function () {
|
||||
return btn2.arranged;
|
||||
}, ASYNC);
|
||||
|
||||
helper.assertMeasure(btn1, 50, 240);
|
||||
helper.assertMeasure(btn2, 50, 240);
|
||||
|
||||
helper.assertLayout(btn1, 10, 20, 50, 240, "btn1");
|
||||
helper.assertLayout(btn2, 60, 20, 50, 240, "btn2");
|
||||
}
|
||||
|
||||
function assertChildTexts(expected, layout, message) {
|
||||
let texts: Array<string> = [];
|
||||
layout._eachChildView((child: {text: string}) => texts.push(child.text));
|
||||
TKUnit.assertEqual(expected, texts.join('|'), message);
|
||||
}
|
||||
|
||||
export function test_insertChildAtPosition() {
|
||||
assertChildTexts("btn1|btn2", rootLayout, "initial 2 buttons");
|
||||
|
||||
let newChild = new Button();
|
||||
newChild.text = 'in-between';
|
||||
rootLayout.insertChild(newChild, 1);
|
||||
|
||||
assertChildTexts("btn1|in-between|btn2", rootLayout, "button inserted at correct location");
|
||||
}
|
||||
|
||||
export function test_getChildIndex() {
|
||||
let lastChildIndex = rootLayout.getChildrenCount() - 1;
|
||||
let lastButton = <Button>rootLayout.getChildAt(lastChildIndex);
|
||||
TKUnit.assertEqual("btn2", lastButton.text);
|
||||
TKUnit.assertEqual(lastChildIndex, rootLayout.getChildIndex(lastButton));
|
||||
|
||||
let nonChild = new Button();
|
||||
TKUnit.assertEqual(-1, rootLayout.getChildIndex(nonChild));
|
||||
}
|
||||
|
||||
export function test_codesnippets() {
|
||||
// <snippet module="ui/layouts/stack-layout" title="stack-layout">
|
||||
// ### 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>
|
||||
}
|
||||
export function createTestCase(): StackLayoutTest {
|
||||
return new StackLayoutTest();
|
||||
}
|
||||
Reference in New Issue
Block a user