javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-16 11:42:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui-test added

Browse Source
This commit is contained in:
Vladimir Enchev
2015-07-08 15:41:02 +03:00
parent f478c619d8
commit 85e15e6af0
10 changed files with 78 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/ui-tests-app/custom-components/mymodule/MyControl.css Normal file
View File

@ -0,0 +1,3 @@
.MyStackLayout {
background-color: red;
}

24
apps/ui-tests-app/custom-components/mymodule/MyControl.ts Normal file
View File

@ -0,0 +1,24 @@
import observable = require("data/observable");
import stackLayoutModule = require("ui/layouts/stack-layout");
import label = require("ui/label");
import button = require("ui/button");
export class MyControl extends stackLayoutModule.StackLayout {
constructor() {
super();
var counter: number = 0;
var lbl = new label.Label();
var btn = new button.Button();
btn.text = "Tap me!";
btn.on(button.Button.tapEvent, (args: observable.EventData) => {
lbl.text = "Tap " + counter++;
});
this.addChild(lbl);
this.addChild(btn);
this.cssClass = "MyStackLayout";
}
}

2
apps/ui-tests-app/custom-components/mymodule/package.json Normal file
View File

@ -0,0 +1,2 @@
{ "name" : "MyControl",
"main" : "MyControl.js" }

3
apps/ui-tests-app/custom-components/mymodulewithxml/MyControl.css Normal file
View File

@ -0,0 +1,3 @@
.MySecondCustomStackLayout {
background-color: green;
}

16
apps/ui-tests-app/custom-components/mymodulewithxml/MyControl.ts Normal file
View File

@ -0,0 +1,16 @@
import observable = require("data/observable");
import view = require("ui/core/view");
import label = require("ui/label");
var count = 0;
export function buttonTap2(args: observable.EventData) {
count++;
var parent = (<view.View>args.object).parent;
if (parent) {
var lbl = parent.getViewById<label.Label>("Label1");
if (lbl) {
lbl.text = "You clicked " + count + " times!";
}
}
}

4
apps/ui-tests-app/custom-components/mymodulewithxml/MyControl.xml Normal file
View File

@ -0,0 +1,4 @@
<StackLayout xmlns:customControls="xml-declaration/mymodule" cssClass="MySecondCustomStackLayout">
<Label id="Label1" text="mymodulewithxml" />
<Button text="Click!" tap="buttonTap2" />
</StackLayout>

2
apps/ui-tests-app/custom-components/mymodulewithxml/package.json Normal file
View File

@ -0,0 +1,2 @@
{ "name" : "MyControl",
"main" : "MyControl.js" }

7
apps/ui-tests-app/custom-components/page.xml Normal file
View File

@ -0,0 +1,7 @@
<Page xmlns:customControls="custom-components/mymodule"
xmlns:customControls2="custom-components/mymodulewithxml">
<StackLayout>
<customControls:MyControl />
<customControls2:MyControl />
</StackLayout>
</Page>

2
apps/ui-tests-app/mainPage.ts
View File

@ -10,7 +10,7 @@ import trace = require("trace");
trace.enable();
trace.setCategories(trace.categories.Test);
var list: string[] = ["pages", "layouts", "modal-view", "bindings"];
var list: string[] = ["pages", "layouts", "modal-view", "bindings", "custom-components"];
// basePath is auto-changed when building multiple apps
var basePath = "";