tests(ui-test-app): add LayoutChanged event test

ADjenkov · dtopuzov · commit d8721c7bd8d5 · 2018-05-23T00:54:29.000+03:00
diff --git a/apps/app/ui-tests-app/events/layout-changed-event.ts b/apps/app/ui-tests-app/events/layout-changed-event.ts
@@ -0,0 +1,26 @@
+import { StackLayout } from "tns-core-modules/ui/layouts/stack-layout";
+import { Button } from "tns-core-modules/ui/button";
+import { TextView } from "tns-core-modules/ui/text-view";
+import { View } from "tns-core-modules/ui/core/view";
+import { EventData } from "tns-core-modules/data/observable";
+let buttonsCount = 1;
+
+export function onLayoutChanged(args) {
+    let msg = "StackLayout layout changed - width:" + args.object.getActualSize().width;
+    (<TextView>args.object.page.getViewById("output")).text += msg + "\n";
+}
+
+export function addChild(args) {
+    let button = new Button();
+    button.text = "Button" + buttonsCount;
+    button.margin = 10;
+    button.backgroundColor = "lightgreen";
+    
+    (<StackLayout>args.object.page.getViewById("target")).addChild(button);
+    buttonsCount++;
+}
+
+export function clear(args) {
+    (<StackLayout>args.object.page.getViewById("target")).removeChildren();
+    args.object.page.getViewById("output").text = "";
+}
diff --git a/apps/app/ui-tests-app/events/layout-changed-event.xml b/apps/app/ui-tests-app/events/layout-changed-event.xml
@@ -0,0 +1,11 @@
+<Page>
+  <GridLayout rows="*, *, *" >
+    <StackLayout horizontalAlignment="left" orientation="horizontal" backgroundColor="yellow" id="target" margin="20" layoutChanged="onLayoutChanged"/>
+    
+    <StackLayout row="1">
+        <Button text="clear" tap="clear"/>
+        <Button text="add child" tap="addChild"/>
+    </StackLayout>
+    <TextView row="2" id="output" automationText="output" style="font-size: 10, font-family: monospace;"/>
+  </GridLayout>
+</Page>
diff --git a/apps/app/ui-tests-app/events/main-page.ts b/apps/app/ui-tests-app/events/main-page.ts
@@ -19,6 +19,7 @@ export function loadExamples() {
     examples.set("i61", "events/i61");
     examples.set("i73", "events/i73");
     examples.set("i86", "events/i86");
+    examples.set("layout changed", "events/layout-changed-event");
 
     return examples;
 }

Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,7 @@ export function loadExamples() {`
`19`	`19`	`examples.set("i61", "events/i61");`
`20`	`20`	`examples.set("i73", "events/i73");`
`21`	`21`	`examples.set("i86", "events/i86");`
	`22`	`+ examples.set("layout changed", "events/layout-changed-event");`
`22`	`23`
`23`	`24`	`return examples;`
`24`	`25`	`}`