HtmlView UI component added + test

apps/tests/ui/html-view/html-view-tests.ts

@@ -0,0 +1,56 @@
+import TKUnit = require("../../TKUnit");
+import helper = require("../helper");
+import page = require("ui/page");
+import types = require("utils/types");
+
+// <snippet module="ui/html-view" title="HtmlView">
+// # WebView
+// Using a HtmlView requires the html-view module.
+// ``` JavaScript
+import htmlViewModule = require("ui/html-view");
+// ```
+// </snippet>
+
+// ### Declaring a HtmlView.
+//```XML
+//  <Page>
+//      <HtmlView html="{{ htmlString }}" />
+//  </Page>
+//```
+
+// </snippet>
+
+var _createHtmlViewFunc = function (): htmlViewModule.HtmlView {
+    // <snippet module="ui/html-view" title="HtmlView">
+    // ### Creating a HtmlView
+    // ``` JavaScript
+    var htmlView = new htmlViewModule.HtmlView();
+    // ```
+    // </snippet>
+    return htmlView;
+}
+
+export var testLoadHTMLString = function () {
+    var newPage: page.Page;
+    var htmlView = _createHtmlViewFunc();
+    var pageFactory = function (): page.Page {
+        newPage = new page.Page();
+        newPage.content = htmlView;
+        return newPage;
+    };
+
+    helper.navigate(pageFactory);
+
+    // <snippet module="ui/html-view" title="HtmlView">
+    // ### Using HtmlView
+    // ``` JavaScript
+    htmlView.html = '<span><font color="#ff0000">Test</font></span>';
+
+    helper.goBack();
+
+    if (htmlView.ios) {
+        TKUnit.assert(!types.isNullOrUndefined(htmlView.ios.attributedText), "HTML string not loaded properly. Actual: " + htmlView.ios.attributedText);
+    } else if (htmlView.android) {
+        TKUnit.assert(htmlView.android.getText(), "HTML string not loaded properly. Actual: " + htmlView.android.getText());
+    }
+}