added helpe getAngularService to allow get angular services like and

ABNER SILVA DE OLIVEIRA
1 parent 8fa37152
Showing 2 changed files with 70 additions and 22 deletions Show diff stats
src/app/components/noosfero-articles/blog/blog.component.spec.ts
src/spec/helpers.ts
-
-import {Input, provide, Component} from 'ng-forward';
-import {ArticleBlog} from './blog.component';
-
-import {createComponentFromClass, quickCreateComponent, provideEmptyObjects, createProviderToValue} from "../../../../spec/helpers.ts";
+import {
+    Input,
+    provide,
+    Component
+} from 'ng-forward';
+import {
+    ArticleBlog
+} from './blog.component';
+
+import {
+    createComponentFromClass,
+    quickCreateComponent,
+    provideEmptyObjects,
+    createProviderToValue,
+    getAngularService
+} from "../../../../spec/helpers.ts";
 // this htmlTemplate will be re-used between the container components in this spec file
 const htmlTemplate: string = '<noosfero-blog [article]="ctrl.article" [profile]="ctrl.profile"></noosfero-blog>';
-let articleService: { getChildren: Function } = <any>{};
+let articleService: {
+    getChildren: Function
+} = < any > {};
 describe("Blog Component", () => {
@@ -18,7 +31,7 @@ describe(&quot;Blog Component&quot;, () =&gt; {
     // component Noosfero ArtileView will be load on our tests
     beforeEach(angular.mock.module("templates"));
-    function promiseResultTemplate(response?: {}) {
+    function promiseResultTemplate(response ? : {}) {
         let thenFuncEmpty = (func: Function) => {
             // does nothing
         };
@@ -57,8 +70,12 @@ describe(&quot;Blog Component&quot;, () =&gt; {
             providers: [provideEmptyObjects('Restangular'), createProviderToValue('ArticleService', articleService)]
         })
         class BlogContainerComponent {
-            article = { type: 'anyArticleType' };
-            profile = { name: 'profile-name' };
+            article = {
+                type: 'anyArticleType'
+            };
+            profile = {
+                name: 'profile-name'
+            };
         }
         createComponentFromClass(BlogContainerComponent).then((fixture) => {
@@ -72,18 +89,23 @@ describe(&quot;Blog Component&quot;, () =&gt; {
     });
+    it("get $q service", () => {
+        let $q = getAngularService<ng.IQService>("$q");
+        console.log($q);
+    });
+
     it("verify the blog data", (done: Function) => {
         // defining a mock result to articleService.getChildren method
         articleService.getChildren = (article_id: number, filters: {}) => {
             return promiseResultTemplate({
-                    headers: (headerName: string) => {
-                        return 1;
-                    },
-                    data: <any>{
-                        articles: []
-                    }
-                });
+                headers: (headerName: string) => {
+                    return 1;
+                },
+                data: < any > {
+                    articles: []
+                }
+            });
         };
         @Component({
@@ -93,8 +115,12 @@ describe(&quot;Blog Component&quot;, () =&gt; {
             providers: [provideEmptyObjects('Restangular'), createProviderToValue('ArticleService', articleService)]
         })
         class BlogContainerComponent {
-            article = { type: 'anyArticleType' };
-            profile = { name: 'profile-name' };
+            article = {
+                type: 'anyArticleType'
+            };
+            profile = {
+                name: 'profile-name'
+            };
         }
         createComponentFromClass(BlogContainerComponent).then((fixture) => {
@@ -103,8 +129,8 @@ describe(&quot;Blog Component&quot;, () =&gt; {
             let articleBlog: BlogContainerComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
             // check if the component property are the provided by the mocked articleService 
-            expect((<any>articleBlog)["posts"]).toEqual([]);
-            expect((<any>articleBlog)["totalPosts"]).toEqual(1);
+            expect(( < any > articleBlog)["posts"]).toEqual([]);
+            expect(( < any > articleBlog)["totalPosts"]).toEqual(1);
             // done needs to be called (it isn't really needed, as we can read in
@@ -116,4 +142,4 @@ describe(&quot;Blog Component&quot;, () =&gt; {
     });
 -});
+});
 \ No newline at end of file
 import {ngClass, TestComponentBuilder, ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder';
-import {Provider, Input, provide, Component} from 'ng-forward';
+import {Injectable, Inject, Provider, Input, provide, Component} from 'ng-forward';
 import {User, Person} from "./../app/models/interfaces";
@@ -48,6 +48,28 @@ export function provideFilters(...filters: string[]) {
     return providers;
 }
+/**
+ * This help function allows get angular services to be used in integration tests
+ * i.e: '$http', '$q', '$location', etc...
+ */
+export function getAngularService<T>(angularService: string) {
+    let tcb: TestComponentBuilder = new TestComponentBuilder();
+
+    @Component({
+        selector: 'helper_get_angular_service',
+        template: 'not-used',
+        providers: []
+    })
+    class AnyService {
+        constructor() {
+
+        }
+    }
+
+    let fixture: ComponentFixture = (<any>tcb)["create"](AnyService);
+    return fixture.debugElement.getLocal(angularService);
+}
+
 export var fixtures = {
     user: {
         id: 1,
1		1
2	import {ngClass, TestComponentBuilder, ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder';	2	import {ngClass, TestComponentBuilder, ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder';
3	-import {Provider, Input, provide, Component} from 'ng-forward';	3	+import {Injectable, Inject, Provider, Input, provide, Component} from 'ng-forward';
4	import {User, Person} from "./../app/models/interfaces";	4	import {User, Person} from "./../app/models/interfaces";
5		5
6		6
	@@ -48,6 +48,28 @@ export function provideFilters(...filters: string[]) {		@@ -48,6 +48,28 @@ export function provideFilters(...filters: string[]) {
48	return providers;	48	return providers;
49	}	49	}
50		50
		51	+/**
		52	+ * This help function allows get angular services to be used in integration tests
		53	+ * i.e: '$http', '$q', '$location', etc...
		54	+ */
		55	+export function getAngularService<T>(angularService: string) {
		56	+ let tcb: TestComponentBuilder = new TestComponentBuilder();
		57	+
		58	+ @Component({
		59	+ selector: 'helper_get_angular_service',
		60	+ template: 'not-used',
		61	+ providers: []
		62	+ })
		63	+ class AnyService {
		64	+ constructor() {
		65	+
		66	+ }
		67	+ }
		68	+
		69	+ let fixture: ComponentFixture = (<any>tcb)["create"](AnyService);
		70	+ return fixture.debugElement.getLocal(angularService);
		71	+}
		72	+
51	export var fixtures = {	73	export var fixtures = {
52	user: {	74	user: {
53	id: 1,	75	id: 1,