From af40a2da06f6c969c006636a399c59dd699f084d Mon Sep 17 00:00:00 2001
From: Vasil Chimev <Vasil.Chimev@telerik.com>
Date: Tue, 14 Jul 2015 11:04:07 +0300
Subject: [PATCH] Add web-view test page.

---
 CrossPlatformModules.csproj             |  4 ++++
 apps/ui-tests-app/bindings/xmlbasics.ts |  4 ++--
 apps/ui-tests-app/dialogs/dialogs.xml   |  2 +-
 apps/ui-tests-app/mainPage.ts           |  2 +-
 apps/ui-tests-app/web-view/webview.ts   | 19 +++++++++++++++++++
 apps/ui-tests-app/web-view/webview.xml  |  8 ++++++++
 6 files changed, 35 insertions(+), 4 deletions(-)
 create mode 100644 apps/ui-tests-app/web-view/webview.ts
 create mode 100644 apps/ui-tests-app/web-view/webview.xml

diff --git a/CrossPlatformModules.csproj b/CrossPlatformModules.csproj
index aa645455e..0b2f72531 100644
--- a/CrossPlatformModules.csproj
+++ b/CrossPlatformModules.csproj
@@ -241,6 +241,9 @@
     <TypeScriptCompile Include="apps\ui-tests-app\pages\text\text-view.ts" />
     <TypeScriptCompile Include="apps\ui-tests-app\pages\text\label.ts" />
     <TypeScriptCompile Include="apps\ui-tests-app\pages\text\button.ts" />
+    <TypeScriptCompile Include="apps\ui-tests-app\web-view\webview.ts">
+	  <DependentUpon>webview.xml</DependentUpon>
+    </TypeScriptCompile>
     <TypeScriptCompile Include="es-collections.d.ts" />
     <TypeScriptCompile Include="es6-promise.d.ts" />
     <TypeScriptCompile Include="file-system\file-name-resolver.d.ts" />
@@ -736,6 +739,7 @@
     <Content Include="apps\ui-tests-app\pages\text\text-view.xml" />
     <Content Include="apps\ui-tests-app\pages\text\label.xml" />
     <Content Include="apps\ui-tests-app\pages\text\button.xml" />
+	<Content Include="apps\ui-tests-app\web-view\webview.xml" />
     <Content Include="js-libs\reworkcss-value\reworkcss-value.js" />
     <Content Include="ui\layouts\stack-layout\package.json">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
diff --git a/apps/ui-tests-app/bindings/xmlbasics.ts b/apps/ui-tests-app/bindings/xmlbasics.ts
index 40a5fa4bb..018aa5d24 100644
--- a/apps/ui-tests-app/bindings/xmlbasics.ts
+++ b/apps/ui-tests-app/bindings/xmlbasics.ts
@@ -10,8 +10,8 @@ export function stack0Loaded(args: observable.EventData) {
     var button = stack0.getViewById<textFieldModule.TextField>("btn");
     var bindingOptions = {
         sourceProperty: "textSource",
-        targetProperty: "text",
-        twoWay: true
+        targetProperty: "text"// ,
+        // twoWay: true
     };
     target.bind(bindingOptions, source);
     source.set("textSource", "Text");
diff --git a/apps/ui-tests-app/dialogs/dialogs.xml b/apps/ui-tests-app/dialogs/dialogs.xml
index 730fbd8bb..061a412c0 100644
--- a/apps/ui-tests-app/dialogs/dialogs.xml
+++ b/apps/ui-tests-app/dialogs/dialogs.xml
@@ -1,6 +1,6 @@
 <Page loaded="pageLoaded">
   <StackLayout>
-    <Label text="{{ name }}" style="text-align:center;" />
+    <Label text="{{ name }}" id="label" style="text-align:center;" />
     <Button text="action" tap="{{ actionName }}" />
     <Button text="alert" tap="{{ alertName }}" />
     <Button text="confirm" tap="{{ confirmName }}" />
diff --git a/apps/ui-tests-app/mainPage.ts b/apps/ui-tests-app/mainPage.ts
index 04db476de..50f2038f4 100644
--- a/apps/ui-tests-app/mainPage.ts
+++ b/apps/ui-tests-app/mainPage.ts
@@ -10,7 +10,7 @@ import trace = require("trace");
 trace.enable();
 trace.setCategories(trace.categories.Test);
 
-var list: string[] = ["pages", "layouts", "modal-view", "bindings", "dialogs"];
+var list: string[] = ["pages", "layouts", "modal-view", "bindings", "dialogs", "web-view"];
 
 // basePath is auto-changed when building multiple apps
 var basePath = "";
diff --git a/apps/ui-tests-app/web-view/webview.ts b/apps/ui-tests-app/web-view/webview.ts
new file mode 100644
index 000000000..6f3010972
--- /dev/null
+++ b/apps/ui-tests-app/web-view/webview.ts
@@ -0,0 +1,19 @@
+export function loaded(args) {
+    args.object.items = [1];
+}
+
+export function onLoaded(args) {
+    console.log("### onLoaded");
+}
+
+export function onLoadStarted(args) {
+    console.log("### onLoadStarted: " + args.url);
+}
+
+export function onLoadFinished(args) {
+    console.log("### onLoadFinished: " + args.url);
+}
+
+export function onUnloaded(args) {
+    console.log("### onUnloaded");
+}
\ No newline at end of file
diff --git a/apps/ui-tests-app/web-view/webview.xml b/apps/ui-tests-app/web-view/webview.xml
new file mode 100644
index 000000000..7e1f5ce11
--- /dev/null
+++ b/apps/ui-tests-app/web-view/webview.xml
@@ -0,0 +1,8 @@
+<Page>
+  <ListView loaded="loaded">
+    <ListView.itemTemplate>
+      <WebView loaded="onLoaded" loadStarted="onLoadStarted" loadFinished="onLoadFinished" unloaded="onUnloaded" 
+               url="http://www.bbc.com/" minHeight="250" />
+    </ListView.itemTemplate>
+  </ListView>
+</Page>
\ No newline at end of file