Add binding basic test pages.

apps/ui-tests-app/bindings/dbbasics.ts

@@ -0,0 +1,62 @@
+import pageModule = require("ui/page");
+import buttonModule = require("ui/button");
+import textFieldModule = require("ui/text-field");
+import stackLayoutModule = require("ui/layouts/stack-layout");
+import observableModule = require("data/observable");
+
+export function createPage() {
+
+    var page = new pageModule.Page();
+    var stack = new stackLayoutModule.StackLayout();
+    var sourceOneWay = new observableModule.Observable();
+    var sourceTwoWay = new observableModule.Observable();
+    var targetOneWay = new textFieldModule.TextField();
+    var targetTwoWay = new textFieldModule.TextField();
+    var buttonOneWay = new buttonModule.Button();
+    var buttonTwoWay = new buttonModule.Button();
+    
+    // OneWay Binding
+
+    var bindingOptionOneWay = {
+        sourceProperty: "textSource",
+        targetProperty: "text",
+        twoWay: false
+    };
+
+    targetOneWay.bind(bindingOptionOneWay, sourceOneWay);
+    sourceOneWay.set("textSource", "OneWay");
+
+    buttonOneWay.on(buttonModule.Button.loadedEvent, function () {
+        buttonOneWay.text = sourceOneWay.get("textSource");
+    });
+    buttonOneWay.on(buttonModule.Button.tapEvent, function () {
+        buttonOneWay.text = sourceOneWay.get("textSource");
+    });
+
+    stack.addChild(targetOneWay);
+    stack.addChild(buttonOneWay);
+    
+    // TwoWay Binding
+    
+    var bindingOptionTwoWay = {
+        sourceProperty: "textSource",
+        targetProperty: "text",
+        twoWay: true
+    };
+
+    targetTwoWay.bind(bindingOptionTwoWay, sourceTwoWay);
+    sourceTwoWay.set("textSource", "TwoWay");
+
+    buttonTwoWay.on(buttonModule.Button.loadedEvent, function () {
+        buttonTwoWay.text = sourceTwoWay.get("textSource");
+    });
+    buttonTwoWay.on(buttonModule.Button.tapEvent, function () {
+        buttonTwoWay.text = sourceTwoWay.get("textSource");
+    });
+
+    stack.addChild(targetTwoWay);
+    stack.addChild(buttonTwoWay);
+
+    page.content = stack;
+    return page;
+}