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
@@ -3,6 +3,7 @@ import viewModule = require("ui/core/view");
|
||||
import labelModule = require("ui/label");
|
||||
import helper = require("../ui/helper");
|
||||
import layoutHelper = require("./layout-helper");
|
||||
import testModule = require("../ui-test");
|
||||
|
||||
// <snippet module="ui/layouts/wrap-layout" title="WrapLayout">
|
||||
// # WrapLayout
|
||||
@@ -17,220 +18,174 @@ import enums = require("ui/enums");
|
||||
// ```
|
||||
// </snippet>
|
||||
|
||||
var _createWrapLayoutFunc = function (childCount: number, childWidth?: number, childHeight?: number): wrapLayoutModule.WrapLayout {
|
||||
// <snippet module="ui/layouts/wrap-layout" title="WrapLayout">
|
||||
// ## Creating a WrapLayout
|
||||
// ``` JavaScript
|
||||
var wrapLayout = new wrapLayoutModule.WrapLayout();
|
||||
// ```
|
||||
// </snippet>
|
||||
export class WrapLayoutTest extends testModule.UITest<wrapLayoutModule.WrapLayout> {
|
||||
|
||||
// ### Declaring a WrapLayout.
|
||||
//```XML
|
||||
// <Page>
|
||||
// <WrapLayout>
|
||||
// <Label text="This is Label 1" />
|
||||
// <Label text="This is Label 2" />
|
||||
// <Label text="This is Label 3" />
|
||||
// <Label text="This is Label 4" />
|
||||
// </WrapLayout>
|
||||
// </Page>
|
||||
//```
|
||||
// </snippet>
|
||||
public create(): wrapLayoutModule.WrapLayout {
|
||||
// <snippet module="ui/layouts/wrap-layout" title="WrapLayout">
|
||||
// ## Creating a WrapLayout
|
||||
// ``` JavaScript
|
||||
var wrapLayout = new wrapLayoutModule.WrapLayout();
|
||||
// ```
|
||||
// </snippet>
|
||||
|
||||
wrapLayout.width = 200;
|
||||
wrapLayout.height = 200;
|
||||
// ### Declaring a WrapLayout.
|
||||
//```XML
|
||||
// <Page>
|
||||
// <WrapLayout>
|
||||
// <Label text="This is Label 1" />
|
||||
// <Label text="This is Label 2" />
|
||||
// <Label text="This is Label 3" />
|
||||
// <Label text="This is Label 4" />
|
||||
// </WrapLayout>
|
||||
// </Page>
|
||||
//```
|
||||
// </snippet>
|
||||
|
||||
var label;
|
||||
var i;
|
||||
for (i = 0; i < childCount; i++) {
|
||||
label = new labelModule.Label();
|
||||
label.text = "" + i;
|
||||
label.id = "" + i;
|
||||
wrapLayout.width = 200;
|
||||
wrapLayout.height = 200;
|
||||
|
||||
label.width = childWidth || 100;
|
||||
label.height = childHeight || 100;
|
||||
wrapLayout.addChild(label);
|
||||
var label;
|
||||
var i;
|
||||
for (i = 0; i < 2; i++) {
|
||||
label = new labelModule.Label();
|
||||
label.text = "" + i;
|
||||
label.id = "" + i;
|
||||
|
||||
label.width = 100;
|
||||
label.height = 100;
|
||||
wrapLayout.addChild(label);
|
||||
}
|
||||
|
||||
return wrapLayout;
|
||||
}
|
||||
|
||||
return wrapLayout;
|
||||
}
|
||||
public testHorizontalOrientation() {
|
||||
|
||||
export function testHorizontalOrientation() {
|
||||
var wrapLayout = _createWrapLayoutFunc(2);
|
||||
wrapLayout.orientation = enums.Orientation.horizontal;
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
TKUnit.waitUntilReady(function isReady() {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
}, 1);
|
||||
this.testView.orientation = enums.Orientation.horizontal;
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
var actualValue = wrapLayout.getChildAt(0)._getCurrentLayoutBounds();
|
||||
let actualValue = this.testView.getChildAt(0)._getCurrentLayoutBounds();
|
||||
TKUnit.assertEqual(actualValue.left, 0, "ActualLeft on Index 0");
|
||||
TKUnit.assertEqual(actualValue.top, 0, "ActualTop on Index 0");
|
||||
TKUnit.assertEqual(actualValue.right, layoutHelper.dip(100), "ActualRight on Index 0");
|
||||
TKUnit.assertEqual(actualValue.bottom, layoutHelper.dip(100), "ActualBottom on Index 0");
|
||||
|
||||
actualValue = viewModule.getViewById(wrapLayout, "1")._getCurrentLayoutBounds();
|
||||
actualValue = this.testView.getChildAt(1)._getCurrentLayoutBounds();
|
||||
TKUnit.assertEqual(actualValue.left, layoutHelper.dip(100), "ActualLeft on Index 1");
|
||||
TKUnit.assertEqual(actualValue.top, 0, "ActualTop on Index 1");
|
||||
TKUnit.assertEqual(actualValue.right, layoutHelper.dip(200), "ActualRight on Index 1");
|
||||
TKUnit.assertEqual(actualValue.bottom, layoutHelper.dip(100), "ActualBottom on Index 1");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function testVerticalOrientation() {
|
||||
var wrapLayout = _createWrapLayoutFunc(2);
|
||||
// <snippet module="ui/layouts/wrap-layout" title="WrapLayout">
|
||||
// ## Setting the orientation of a wrap-layout.
|
||||
// ``` JavaScript
|
||||
wrapLayout.orientation = enums.Orientation.vertical;
|
||||
// ```
|
||||
// </snippet>
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
TKUnit.waitUntilReady(function isReady() {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
}, 1);
|
||||
|
||||
var actualValue = viewModule.getViewById(wrapLayout, "0")._getCurrentLayoutBounds();
|
||||
TKUnit.assertEqual(actualValue.left, 0, "ActualLeft on Index 0");
|
||||
TKUnit.assertEqual(actualValue.top, 0, "ActualTop on Index 0");
|
||||
TKUnit.assertEqual(actualValue.right, layoutHelper.dip(100), "ActualRight on Index 0");
|
||||
TKUnit.assertEqual(actualValue.bottom, layoutHelper.dip(100), "ActualBottom on Index 0");
|
||||
|
||||
actualValue = viewModule.getViewById(wrapLayout, "1")._getCurrentLayoutBounds();
|
||||
TKUnit.assertEqual(actualValue.left, 0, "ActualLeft on Index 1");
|
||||
TKUnit.assertEqual(actualValue.top, layoutHelper.dip(100), "ActualTop on Index 1");
|
||||
TKUnit.assertEqual(actualValue.right, layoutHelper.dip(100), "ActualRight on Index 1");
|
||||
TKUnit.assertEqual(actualValue.bottom, layoutHelper.dip(200), "ActualBottom on Index 1");
|
||||
});
|
||||
}
|
||||
|
||||
export function testChangeOrientation() {
|
||||
var wrapLayout = _createWrapLayoutFunc(2);
|
||||
wrapLayout.orientation = enums.Orientation.horizontal;
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
public testVerticalOrientation() {
|
||||
var wrapLayout = this.testView;
|
||||
// <snippet module="ui/layouts/wrap-layout" title="WrapLayout">
|
||||
// ## Setting the orientation of a wrap-layout.
|
||||
// ``` JavaScript
|
||||
wrapLayout.orientation = enums.Orientation.vertical;
|
||||
// ```
|
||||
// </snippet>
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
TKUnit.waitUntilReady(() => {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
});
|
||||
|
||||
var actualValue = viewModule.getViewById(wrapLayout, "0")._getCurrentLayoutBounds();
|
||||
let actualValue = this.testView.getChildAt(0)._getCurrentLayoutBounds();
|
||||
TKUnit.assertEqual(actualValue.left, 0, "ActualLeft on Index 0");
|
||||
TKUnit.assertEqual(actualValue.top, 0, "ActualTop on Index 0");
|
||||
TKUnit.assertEqual(actualValue.right, layoutHelper.dip(100), "ActualRight on Index 0");
|
||||
TKUnit.assertEqual(actualValue.bottom, layoutHelper.dip(100), "ActualBottom on Index 0");
|
||||
|
||||
actualValue = viewModule.getViewById(wrapLayout, "1")._getCurrentLayoutBounds();
|
||||
actualValue = this.testView.getChildAt(1)._getCurrentLayoutBounds();
|
||||
TKUnit.assertEqual(actualValue.left, 0, "ActualLeft on Index 1");
|
||||
TKUnit.assertEqual(actualValue.top, layoutHelper.dip(100), "ActualTop on Index 1");
|
||||
TKUnit.assertEqual(actualValue.right, layoutHelper.dip(100), "ActualRight on Index 1");
|
||||
TKUnit.assertEqual(actualValue.bottom, layoutHelper.dip(200), "ActualBottom on Index 1");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function testItemWidth() {
|
||||
var wrapLayout = _createWrapLayoutFunc(2);
|
||||
wrapLayout.itemWidth = 50;
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
TKUnit.waitUntilReady(function isReady() {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
}, 1);
|
||||
public testChangeOrientation() {
|
||||
this.testView.orientation = enums.Orientation.horizontal;
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
this.testView.orientation = enums.Orientation.vertical;
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
var actualValue = viewModule.getViewById(wrapLayout, "1")._getCurrentLayoutBounds().left;
|
||||
let actualValue = this.testView.getChildAt(0)._getCurrentLayoutBounds();
|
||||
TKUnit.assertEqual(actualValue.left, 0, "ActualLeft on Index 0");
|
||||
TKUnit.assertEqual(actualValue.top, 0, "ActualTop on Index 0");
|
||||
TKUnit.assertEqual(actualValue.right, layoutHelper.dip(100), "ActualRight on Index 0");
|
||||
TKUnit.assertEqual(actualValue.bottom, layoutHelper.dip(100), "ActualBottom on Index 0");
|
||||
|
||||
actualValue = this.testView.getChildAt(1)._getCurrentLayoutBounds();
|
||||
TKUnit.assertEqual(actualValue.left, 0, "ActualLeft on Index 1");
|
||||
TKUnit.assertEqual(actualValue.top, layoutHelper.dip(100), "ActualTop on Index 1");
|
||||
TKUnit.assertEqual(actualValue.right, layoutHelper.dip(100), "ActualRight on Index 1");
|
||||
TKUnit.assertEqual(actualValue.bottom, layoutHelper.dip(200), "ActualBottom on Index 1");
|
||||
}
|
||||
|
||||
public testItemWidth() {
|
||||
this.testView.itemWidth = 50;
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
let actualValue = this.testView.getChildAt(1)._getCurrentLayoutBounds().left;
|
||||
TKUnit.assertEqual(actualValue, layoutHelper.dip(50), "ActualLeft on Index 1");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function testChangeItemWidth() {
|
||||
var wrapLayout = _createWrapLayoutFunc(2);
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
TKUnit.waitUntilReady(() => {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
});
|
||||
public testChangeItemWidth() {
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
this.testView.itemWidth = 50;
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
wrapLayout.itemWidth = 50;
|
||||
|
||||
TKUnit.waitUntilReady(() => {
|
||||
return wrapLayout.isLayoutValid;
|
||||
});
|
||||
|
||||
var actualValue = viewModule.getViewById(wrapLayout, "1")._getCurrentLayoutBounds().left;
|
||||
let actualValue = this.testView.getChildAt(1)._getCurrentLayoutBounds().left;
|
||||
TKUnit.assertEqual(actualValue, layoutHelper.dip(50), "ActualLeft on Index 1");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function testItemHeight() {
|
||||
var wrapLayout = _createWrapLayoutFunc(2);
|
||||
wrapLayout.itemHeight = 50;
|
||||
wrapLayout.orientation = enums.Orientation.vertical;
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
TKUnit.waitUntilReady(function isReady() {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
}, 1);
|
||||
public testItemHeight() {
|
||||
this.testView.itemHeight = 50;
|
||||
this.testView.orientation = enums.Orientation.vertical;
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
var actualValue = viewModule.getViewById(wrapLayout, "1")._getCurrentLayoutBounds().top;
|
||||
let actualValue = this.testView.getChildAt(1)._getCurrentLayoutBounds().top;
|
||||
TKUnit.assertEqual(actualValue, layoutHelper.dip(50), "ActualTop on Index 1");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function testChangeItemHeight() {
|
||||
var wrapLayout = _createWrapLayoutFunc(2);
|
||||
wrapLayout.orientation = enums.Orientation.vertical;
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
TKUnit.waitUntilReady(() => {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
});
|
||||
public testChangeItemHeight() {
|
||||
this.testView.orientation = enums.Orientation.vertical;
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
this.testView.itemHeight = 50;
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
wrapLayout.itemHeight = 50;
|
||||
|
||||
TKUnit.waitUntilReady(() => {
|
||||
return wrapLayout.isLayoutValid;
|
||||
});
|
||||
|
||||
var actualValue = viewModule.getViewById(wrapLayout, "1")._getCurrentLayoutBounds().top;
|
||||
let actualValue = this.testView.getChildAt(1)._getCurrentLayoutBounds().top;
|
||||
TKUnit.assertEqual(actualValue, layoutHelper.dip(50), "ActualTop on Index 1");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function testPaddingLeftAndTop() {
|
||||
var wrapLayout = new wrapLayoutModule.WrapLayout();
|
||||
wrapLayout.paddingLeft = 20;
|
||||
wrapLayout.paddingTop = 30;
|
||||
public testPaddingLeftAndTop() {
|
||||
this.testView.removeChildren();
|
||||
this.testView.paddingLeft = 20;
|
||||
this.testView.paddingTop = 30;
|
||||
|
||||
var btn = new layoutHelper.MyButton();
|
||||
btn.width = 50;
|
||||
btn.height = 50;
|
||||
wrapLayout.addChild(btn);
|
||||
var btn = new layoutHelper.MyButton();
|
||||
btn.width = 50;
|
||||
btn.height = 50;
|
||||
this.testView.addChild(btn);
|
||||
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
TKUnit.waitUntilReady(() => {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
});
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
layoutHelper.assertLayout(btn, 20, 30, 50, 50);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function testPaddingRight() {
|
||||
var wrapLayout = new wrapLayoutModule.WrapLayout();
|
||||
wrapLayout.paddingRight = 30;
|
||||
wrapLayout.width = 200;
|
||||
public testPaddingRight() {
|
||||
this.testView.removeChildren();
|
||||
this.testView.paddingRight = 30;
|
||||
this.testView.width = 200;
|
||||
|
||||
var btn1 = new layoutHelper.MyButton();
|
||||
wrapLayout.addChild(btn1);
|
||||
btn1.width = 100;
|
||||
btn1.height = 50;
|
||||
var btn1 = new layoutHelper.MyButton();
|
||||
this.testView.addChild(btn1);
|
||||
btn1.width = 100;
|
||||
btn1.height = 50;
|
||||
|
||||
var btn2 = new layoutHelper.MyButton();
|
||||
btn2.width = 80;
|
||||
btn2.height = 50;
|
||||
wrapLayout.addChild(btn2);
|
||||
var btn2 = new layoutHelper.MyButton();
|
||||
btn2.width = 80;
|
||||
btn2.height = 50;
|
||||
this.testView.addChild(btn2);
|
||||
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
TKUnit.waitUntilReady(() => {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
});
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
layoutHelper.assertMeasure(btn1, 100, 50);
|
||||
layoutHelper.assertMeasure(btn2, 80, 50);
|
||||
@@ -239,29 +194,25 @@ export function testPaddingRight() {
|
||||
// because for the padding (200 - 100 - 30) = 70 button wants 80
|
||||
layoutHelper.assertLayout(btn1, 0, 0, 100, 50, "button1");
|
||||
layoutHelper.assertLayout(btn2, 0, 50, 80, 50, "button2");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function testPaddingBottom() {
|
||||
var wrapLayout = new wrapLayoutModule.WrapLayout();
|
||||
wrapLayout.paddingBottom = 30;
|
||||
wrapLayout.height = 200;
|
||||
wrapLayout.orientation = enums.Orientation.vertical;
|
||||
public testPaddingBottom() {
|
||||
this.testView.removeChildren();
|
||||
this.testView.paddingBottom = 30;
|
||||
this.testView.height = 200;
|
||||
this.testView.orientation = enums.Orientation.vertical;
|
||||
|
||||
var btn1 = new layoutHelper.MyButton();
|
||||
wrapLayout.addChild(btn1);
|
||||
btn1.width = 50;
|
||||
btn1.height = 100;
|
||||
var btn1 = new layoutHelper.MyButton();
|
||||
this.testView.addChild(btn1);
|
||||
btn1.width = 50;
|
||||
btn1.height = 100;
|
||||
|
||||
var btn2 = new layoutHelper.MyButton();
|
||||
btn2.width = 50;
|
||||
btn2.height = 80;
|
||||
wrapLayout.addChild(btn2);
|
||||
var btn2 = new layoutHelper.MyButton();
|
||||
btn2.width = 50;
|
||||
btn2.height = 80;
|
||||
this.testView.addChild(btn2);
|
||||
|
||||
helper.buildUIAndRunTest(wrapLayout, function (views: Array<viewModule.View>) {
|
||||
TKUnit.waitUntilReady(() => {
|
||||
return wrapLayout.getChildAt(wrapLayout.getChildrenCount() - 1).isLayoutValid;
|
||||
});
|
||||
this.waitUntilTestElementLayoutIsValid();
|
||||
|
||||
layoutHelper.assertMeasure(btn1, 50, 100);
|
||||
layoutHelper.assertMeasure(btn2, 50, 80);
|
||||
@@ -270,5 +221,9 @@ export function testPaddingBottom() {
|
||||
// because of the padding (200 - 100 - 30) = 70 button wants 80
|
||||
layoutHelper.assertLayout(btn1, 0, 0, 50, 100, "button1");
|
||||
layoutHelper.assertLayout(btn2, 50, 0, 50, 80, "button2");
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function createTestCase(): WrapLayoutTest {
|
||||
return new WrapLayoutTest();
|
||||
}
|
||||
Reference in New Issue
Block a user