From 2bdf2136e7916450c7c24a4e81bebbbfa7d2fa8f Mon Sep 17 00:00:00 2001
From: Vladimir Enchev <vladimir.enchev@telerik.com>
Date: Mon, 9 Mar 2015 08:41:23 +0200
Subject: [PATCH] XML examples added

---
 apps/tests/layouts/absolute-layout-tests.ts | 14 ++++++++++--
 apps/tests/layouts/dock-layout-tests.ts     | 14 ++++++++++++
 apps/tests/layouts/grid-layout-tests.ts     | 24 ++++++++++-----------
 apps/tests/layouts/stack-layout-tests.ts    | 20 ++++++++++++-----
 apps/tests/layouts/wrap-layout-tests.ts     | 13 +++++++++++
 5 files changed, 66 insertions(+), 19 deletions(-)

diff --git a/apps/tests/layouts/absolute-layout-tests.ts b/apps/tests/layouts/absolute-layout-tests.ts
index 829ffa617..c85b61705 100644
--- a/apps/tests/layouts/absolute-layout-tests.ts
+++ b/apps/tests/layouts/absolute-layout-tests.ts
@@ -14,6 +14,16 @@ import absoluteLayoutModule = require("ui/layouts/absolute-layout");
 // ```
 // </snippet> 
 
+// ### Declaring a AbsoluteLayout.
+//```XML
+// <Page>
+//   <AbsoluteLayout>
+//     <Label text="This is Label 1" left="30" top="70" />
+//   </AbsoluteLayout>
+// </Page>
+//```
+// </snippet>
+
 export var testAll = function () {
     // <snippet module="ui/layouts/absolute-layout" title="absolute-layout">
     // ## Creating and populating a AbsoluteLayout with children
@@ -50,7 +60,7 @@ export var testAll = function () {
         TKUnit.assertEqual(actualValue.top, 10 * density, "ActualTop");
         TKUnit.assertEqual(width, 100 * density, "ActualWidth");
         TKUnit.assertEqual(height, 100 * density, "Actualheight");
-    });    
+    });
 }
 
 export function test_padding() {
@@ -75,5 +85,5 @@ export function test_padding() {
 
         layoutHelper.assertMeasure(btn, 100, 100);
         layoutHelper.assertLayout(btn, 25, 35, 100, 100);
-    }); 
+    });
 }
diff --git a/apps/tests/layouts/dock-layout-tests.ts b/apps/tests/layouts/dock-layout-tests.ts
index 01ead78c4..a352e7161 100644
--- a/apps/tests/layouts/dock-layout-tests.ts
+++ b/apps/tests/layouts/dock-layout-tests.ts
@@ -11,6 +11,20 @@ import navHelper = require("../ui/helper");
 import dockModule = require("ui/layouts/dock-layout");
 // ```
 
+// ### Declaring a DockLayout.
+//```XML
+//<Page>
+//  <DockLayout stretchLastChild="true" >
+//    <Button dock="left" text = "left" style ="background-color: red; margin: 5;"/ >/ >
+//    <Button dock="top" text = "top" style ="background-color: lightblue; margin: 5;"/ >
+//    <Button dock="right" text = "right" style ="background-color: lightgreen; margin: 5;"/ >
+//    <Button dock="bottom" text = "bottom" style ="background-color: lightpink; margin: 5;"/ >
+//    <Button text="fill" style ="background-color: wheat; margin: 5;"/ >
+//  < / DockLayout >
+//< / Page>
+//```
+// </snippet>
+
 // Other frequently used modules when working with a DockLayout include:
 // ``` JavaScript
 import enums = require("ui/enums");
diff --git a/apps/tests/layouts/grid-layout-tests.ts b/apps/tests/layouts/grid-layout-tests.ts
index c356ed370..afc5a177d 100644
--- a/apps/tests/layouts/grid-layout-tests.ts
+++ b/apps/tests/layouts/grid-layout-tests.ts
@@ -505,6 +505,18 @@ export var test_codesnippets = function () {
     var gridLayout = new layout.GridLayout();
     //  ```
 
+    // ### Create grid layout with an xml declaration
+    // ``` XML
+    // <GridLayout columns="80, *, auto" rows="auto, *" >
+    //  <Button col="0" />
+    //  <Button col="1" />
+    //  <Button col="2" />
+    //// by default column and row are set to 0
+    //  <Button row="1" colSpan="3" />
+    // </GridLayout>
+    // ```
+    // </snippet>
+
     // ### Add views to grid layout
     // ``` JavaScript
     var btn1 = new button.Button();
@@ -557,16 +569,4 @@ export var test_codesnippets = function () {
     gridLayout.addRow(firstRow);
     gridLayout.addRow(secondRow);
     // ```
-
-    // ### Create same grid layout with an xml declaration
-    // ``` XML
-    // <GridLayout columns="80, *, auto" rows="auto, *" >
-    //  <Button col="0" />
-    //  <Button col="1" />
-    //  <Button col="2" />
-    //// by default column and row are set to 0
-    //  <Button row="1" colSpan="3" />
-    // </GridLayout>
-    // ```
-    // </snippet>
 };
\ No newline at end of file
diff --git a/apps/tests/layouts/stack-layout-tests.ts b/apps/tests/layouts/stack-layout-tests.ts
index 88289d61a..2439a58a3 100644
--- a/apps/tests/layouts/stack-layout-tests.ts
+++ b/apps/tests/layouts/stack-layout-tests.ts
@@ -46,7 +46,7 @@ export function setUpModule() {
         newPage.content = tmp;
         return newPage;
     };
-    
+
     navHelper.navigate(pageFactory);
 }
 
@@ -142,7 +142,7 @@ export function test_StackLayout_DesiredSize_Vertical() {
     }, ASYNC);
 
     TKUnit.assertEqual(rootLayout.getMeasuredWidth(), Math.max(btn1.getMeasuredWidth(), btn2.getMeasuredWidth()), "Layout getMeasuredWidth should be Max of children getMeasuredWidth");
-    TKUnit.assertEqual(rootLayout.getMeasuredHeight(),(btn1.getMeasuredHeight() + btn2.getMeasuredHeight()), "Layout getMeasuredHeight should be Sum of children getMeasuredHeight");
+    TKUnit.assertEqual(rootLayout.getMeasuredHeight(), (btn1.getMeasuredHeight() + btn2.getMeasuredHeight()), "Layout getMeasuredHeight should be Sum of children getMeasuredHeight");
 }
 
 export function test_StackLayout_DesiredSize_Horizontal() {
@@ -155,7 +155,7 @@ export function test_StackLayout_DesiredSize_Horizontal() {
         return btn2.arranged;
     }, ASYNC);
 
-    TKUnit.assertEqual(rootLayout.getMeasuredWidth(),(btn1.getMeasuredWidth() + btn2.getMeasuredWidth()), "Layout getMeasuredWidth should be Sum of children getMeasuredWidth");
+    TKUnit.assertEqual(rootLayout.getMeasuredWidth(), (btn1.getMeasuredWidth() + btn2.getMeasuredWidth()), "Layout getMeasuredWidth should be Sum of children getMeasuredWidth");
     TKUnit.assertEqual(rootLayout.getMeasuredHeight(), Math.max(btn1.getMeasuredHeight(), btn2.getMeasuredHeight()), "Layout getMeasuredHeight should be Max of children getMeasuredHeight");
 }
 
@@ -178,8 +178,8 @@ export function test_StackLayout_Padding_Vertical() {
     helper.assertMeasure(btn1, 260, 50);
     helper.assertMeasure(btn1, 260, 50);
 
-    helper.assertLayout(btn1, 10, 20, 260, 50, "btn1"); 
-    helper.assertLayout(btn2, 10, 70, 260, 50, "btn2"); 
+    helper.assertLayout(btn1, 10, 20, 260, 50, "btn1");
+    helper.assertLayout(btn2, 10, 70, 260, 50, "btn2");
 }
 
 export function test_StackLayout_Padding_Horizontal() {
@@ -213,6 +213,16 @@ export function test_codesnippets() {
     var stackLayout = new layout.StackLayout();
     //  ```
 
+    // ### Declaring a StackLayout.
+    //```XML
+    // <Page>
+    //   <StackLayout orientation="horizontal">
+    //     <Label text="This is Label 1" />
+    //   </StackLayout>
+    // </Page>
+    //```
+    // </snippet>
+
     // ### Add child view to layout
     // ``` JavaScript
     var btn = new button.Button();
diff --git a/apps/tests/layouts/wrap-layout-tests.ts b/apps/tests/layouts/wrap-layout-tests.ts
index 35878f3c1..8fa0077ff 100644
--- a/apps/tests/layouts/wrap-layout-tests.ts
+++ b/apps/tests/layouts/wrap-layout-tests.ts
@@ -26,6 +26,19 @@ var _createWrapLayoutFunc = function (childCount: number, childWidth?: number, c
     // ```
     // </snippet>
 
+    // ### 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>
+
     wrapLayout.width = 200;
     wrapLayout.height = 200;