Merge pull request NativeScript#176 from NativeScript/icon-font-snippet

vakrilov · vakrilov · commit a3a44ec272d7 · 2016-04-14T12:33:44.000+03:00
Icon font sinppets
diff --git a/.gitignore b/.gitignore
@@ -7,6 +7,7 @@ src/nativescript-angular/**/*.js
 .tscache
 .nvm
 .vscode
+.DS_Store
 nativescript-angular*.tgz
 
 tests/app/**/*.js
diff --git a/tests/app/fonts/icomoon.ttf b/tests/app/fonts/icomoon.ttf
diff --git a/tests/app/main.ts b/tests/app/main.ts
@@ -3,7 +3,9 @@ import {nativeScriptBootstrap} from "nativescript-angular/application";
 import {AppComponent} from "./app.component";
 import {GestureComponent} from "./snippets/gestures.component";
 import {LayoutsComponent} from "./snippets/layouts.component";
+import {IconFontComponent} from "./snippets/icon-font.component";
 
 nativeScriptBootstrap(AppComponent);
 // nativeScriptBootstrap(GestureComponent);
 // nativeScriptBootstrap(LayoutsComponent);
+// nativeScriptBootstrap(IconFontComponent);
diff --git a/tests/app/snippets/icon-font.component.css b/tests/app/snippets/icon-font.component.css
@@ -0,0 +1,6 @@
+/* >> icon-font-sample */
+.icon {
+   font-family: 'icomoon';
+   font-size: 48;
+}
+/* << icon-font-sample */
diff --git a/tests/app/snippets/icon-font.component.ts b/tests/app/snippets/icon-font.component.ts
@@ -0,0 +1,24 @@
+import {Component} from "angular2/core";
+
+// >> icon-font-sample
+@Component({ 
+    // >> (hide)
+    selector: "icon-font",
+    templateUrl: "snippets/icon-font.component.xml",
+    styleUrls: ["snippets/icon-font.component.css"]
+    // << (hide)
+    // ...
+})
+export class IconFontComponent {
+    public glyphs = new Array<{ icon: string, code: string }>();
+    constructor() {
+        for (var charCode = 0xe903; charCode <= 0xeaea; charCode++) {
+            var glyph = {
+                icon: String.fromCharCode(charCode),
+                code: charCode.toString(16)
+            }
+            this.glyphs.push(glyph);
+        }
+    }
+}
+// << icon-font-sample
diff --git a/tests/app/snippets/icon-font.component.xml b/tests/app/snippets/icon-font.component.xml
@@ -0,0 +1,12 @@
+<!-- >> icon-font-sample -->
+<GridLayout>
+    <ListView [items]="glyphs">
+        <template #item="item">
+            <StackLayout orientation="horizontal">
+                <Label [text]="item.icon" class="icon"></Label>
+                <Label [text]="item.code"></Label>
+            </StackLayout>
+        </template>
+    </ListView>
+</GridLayout>
+<!-- << icon-font-sample -->
diff --git a/tests/app/tests/list-view-tests.ts b/tests/app/tests/list-view-tests.ts
@@ -43,7 +43,7 @@ export class TestListViewComponent {
     }
 }
 
-// TODO: Skip list-view trest until 
+// TODO: Skip list-view test until karma test launcher double navigate bug is fixed
 (IS_IOS ? describe.skip : describe)('ListView-tests', () => {
     let testApp: TestApp = null;
 
diff --git a/tests/app/tests/snippets.ts b/tests/app/tests/snippets.ts
@@ -5,6 +5,10 @@ import {TestApp} from "./test-app";
 
 import {GestureComponent} from "../snippets/gestures.component";
 import {LayoutsComponent} from "../snippets/layouts.component";
+import {IconFontComponent} from "../snippets/icon-font.component";
+
+import {device, platformNames} from "platform";
+const IS_IOS = (device.os === platformNames.ios);
 
 describe('Snippets', () => {
     let testApp: TestApp = null;
@@ -32,4 +36,12 @@ describe('Snippets', () => {
             assert.instanceOf(componentInstance, LayoutsComponent);
         });
     });
+
+    // TODO: Skip list-view test until karma test launcher double navigate bug is fixed
+    (IS_IOS ? it.skip : it)("Icon-font snippets can be loaded", () => {
+        return testApp.loadComponent(IconFontComponent).then((componentRef) => {
+            const componentInstance = componentRef.instance;
+            assert.instanceOf(componentInstance, IconFontComponent);
+        });
+    });
 })

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ export class TestListViewComponent {`
`43`	`43`	`}`
`44`	`44`	`}`
`45`	`45`
`46`		`-// TODO: Skip list-view trest until`
	`46`	`+// TODO: Skip list-view test until karma test launcher double navigate bug is fixed`
`47`	`47`	`(IS_IOS ? describe.skip : describe)('ListView-tests', () => {`
`48`	`48`	`let testApp: TestApp = null;`
`49`	`49`