Added specs to content-viewer component with nested promises unit test

Michel Felipe
1 parent ae4699f3
Showing 3 changed files with 126 additions and 4 deletions Show diff stats
src/app/content-viewer/content-viewer.component.spec.ts
src/app/content-viewer/content-viewer.component.ts
src/spec/mocks.ts
@@ -0,0 +1,90 @@
+import {providers} from 'ng-forward/cjs/testing/providers';
+
+import {Input, Component, provide} from 'ng-forward';
+
+import * as helpers from "../../spec/helpers";
+
+import {ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder';
+import {ContentViewer} from './content-viewer.component';
+
+// this htmlTemplate will be re-used between the container components in this spec file
+const htmlTemplate: string = '<content-viewer [article]="ctrl.article" [profile]="ctrl.profile"></content-viewer>';
+
+describe('Content Viewer Component', () => {
+
+    let stateParamsService: any;
+
+    //loading the templates
+    beforeEach(() => {
+        angular.mock.module("templates");
+
+        stateParamsService = { page: 1 };
+
+        providers((provide: any) => {
+            return <any>[
+                provide('ArticleService', {
+                    useValue: helpers.mocks.articleService
+                }),
+                provide('ProfileService', {
+                    useValue: helpers.mocks.profileService
+                }),
+                // TODO: Como criar um mock do atributo "page" de stateParams
+                provide('$stateParams', {
+                    useValue: stateParamsService
+                })
+            ]
+        });
+    });
+
+    let buildComponent = (): Promise<ComponentFixture> => {
+        return helpers.quickCreateComponent({
+            providers: [
+                helpers.provideEmptyObjects('Restangular')
+            ],
+            directives: [ContentViewer],
+            template: htmlTemplate
+        });
+    };
+
+    it('renders content viewer directive', (done: Function) => {
+        buildComponent().then((fixture: ComponentFixture) => {
+            expect(fixture.debugElement.query('content-viewer').length).toEqual(1);
+
+            done();
+        })
+    });
+
+    it('check if article was loaded', (done: Function) => {
+        var article: any = {
+            id: 1,
+            title: 'The article test'
+        };
+        var profile: any = {
+            id: 1,
+            identifier: 'the-profile-test',
+            type: 'Person'
+        };
+
+        helpers.mocks.profileService.getCurrentProfile = () => {
+            return helpers.mocks.promiseResultTemplate(profile);
+        };
+
+        helpers.mocks.articleService.getByProfile = (id: number, params: any) => {
+            return helpers.mocks.promiseResultTemplate({
+                data: {
+                    article: article
+                }
+            });
+        };
+
+
+        buildComponent().then((fixture: ComponentFixture) => {
+            let contentViewerComp: ContentViewer = fixture.debugElement.componentViewChildren[0].componentInstance;
+
+            expect(contentViewerComp.profile).toEqual(jasmine.objectContaining(profile));
+            expect(contentViewerComp.article).toEqual(jasmine.objectContaining(article));
+
+            done();
+        });
+    });
+});
@@ -26,11 +26,9 @@ export class ContentViewer {
     @Input()
     profile: noosfero.Profile = null;
-    constructor(private articleService: ArticleService, private profileService: ProfileService, private $log: ng.ILogService, private $stateParams: angular.ui.IStateParamsService) {
-        this.activate();
-    }
+    constructor(private articleService: ArticleService, private profileService: ProfileService, private $log: ng.ILogService, private $stateParams: angular.ui.IStateParamsService) { }
-    activate() {
+    ngOnInit() {
         this.profileService.getCurrentProfile().then((profile: noosfero.Profile) => {
             this.profile = profile;
             return this.articleService.getByProfile(this.profile.id, { path: this.$stateParams["page"] });
@@ -38,6 +38,32 @@ export var mocks = {
     authService: {
         logout: () => { }
     },
+    articleService: {
+        getByProfile: (profileId: number, params?: any) => {
+            return {
+                then: (func?: Function) => {
+                    if (func) func({
+                        data: {
+                            article: null
+                        }
+                    });
+                }
+            };
+        },
+        getChildren: (articleId: number, params?: any) => {
+            return {
+                then: (func?: Function) => { if (func) func(); }
+            };
+        }
+    },
+    profileService: {
+        getCurrentProfile: (profile: any) => {
+            return mocks.promiseResultTemplate({
+                profile: profile
+            });
+        },
+        instant: () => { }
+    },
     sessionWithCurrentUser: (user: any) => {
         return {
             currentUser: () => { return user; }
@@ -60,5 +86,13 @@ export var mocks = {
         loadScript: (script?: string) => {
             return Promise.resolve();
         }
+    },
+    promiseResultTemplate: (response?: {}) => {
+
+        return {
+            then: (func?: (response: any) => void) => {
+                if (func) { return func(response); }
+            }
+        }
     }
 };
@@ -0,0 +1,90 @@		@@ -0,0 +1,90 @@
	1	+import {providers} from 'ng-forward/cjs/testing/providers';
	2	+
	3	+import {Input, Component, provide} from 'ng-forward';
	4	+
	5	+import * as helpers from "../../spec/helpers";
	6	+
	7	+import {ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder';
	8	+import {ContentViewer} from './content-viewer.component';
	9	+
	10	+// this htmlTemplate will be re-used between the container components in this spec file
	11	+const htmlTemplate: string = '<content-viewer [article]="ctrl.article" [profile]="ctrl.profile"></content-viewer>';
	12	+
	13	+describe('Content Viewer Component', () => {
	14	+
	15	+ let stateParamsService: any;
	16	+
	17	+ //loading the templates
	18	+ beforeEach(() => {
	19	+ angular.mock.module("templates");
	20	+
	21	+ stateParamsService = { page: 1 };
	22	+
	23	+ providers((provide: any) => {
	24	+ return <any>[
	25	+ provide('ArticleService', {
	26	+ useValue: helpers.mocks.articleService
	27	+ }),
	28	+ provide('ProfileService', {
	29	+ useValue: helpers.mocks.profileService
	30	+ }),
	31	+ // TODO: Como criar um mock do atributo "page" de stateParams
	32	+ provide('$stateParams', {
	33	+ useValue: stateParamsService
	34	+ })
	35	+ ]
	36	+ });
	37	+ });
	38	+
	39	+ let buildComponent = (): Promise<ComponentFixture> => {
	40	+ return helpers.quickCreateComponent({
	41	+ providers: [
	42	+ helpers.provideEmptyObjects('Restangular')
	43	+ ],
	44	+ directives: [ContentViewer],
	45	+ template: htmlTemplate
	46	+ });
	47	+ };
	48	+
	49	+ it('renders content viewer directive', (done: Function) => {
	50	+ buildComponent().then((fixture: ComponentFixture) => {
	51	+ expect(fixture.debugElement.query('content-viewer').length).toEqual(1);
	52	+
	53	+ done();
	54	+ })
	55	+ });
	56	+
	57	+ it('check if article was loaded', (done: Function) => {
	58	+ var article: any = {
	59	+ id: 1,
	60	+ title: 'The article test'
	61	+ };
	62	+ var profile: any = {
	63	+ id: 1,
	64	+ identifier: 'the-profile-test',
	65	+ type: 'Person'
	66	+ };
	67	+
	68	+ helpers.mocks.profileService.getCurrentProfile = () => {
	69	+ return helpers.mocks.promiseResultTemplate(profile);
	70	+ };
	71	+
	72	+ helpers.mocks.articleService.getByProfile = (id: number, params: any) => {
	73	+ return helpers.mocks.promiseResultTemplate({
	74	+ data: {
	75	+ article: article
	76	+ }
	77	+ });
	78	+ };
	79	+
	80	+
	81	+ buildComponent().then((fixture: ComponentFixture) => {
	82	+ let contentViewerComp: ContentViewer = fixture.debugElement.componentViewChildren[0].componentInstance;
	83	+
	84	+ expect(contentViewerComp.profile).toEqual(jasmine.objectContaining(profile));
	85	+ expect(contentViewerComp.article).toEqual(jasmine.objectContaining(article));
	86	+
	87	+ done();
	88	+ });
	89	+ });
	90	+});
	@@ -38,6 +38,32 @@ export var mocks = {		@@ -38,6 +38,32 @@ export var mocks = {
38	authService: {	38	authService: {
39	logout: () => { }	39	logout: () => { }
40	},	40	},
		41	+ articleService: {
		42	+ getByProfile: (profileId: number, params?: any) => {
		43	+ return {
		44	+ then: (func?: Function) => {
		45	+ if (func) func({
		46	+ data: {
		47	+ article: null
		48	+ }
		49	+ });
		50	+ }
		51	+ };
		52	+ },
		53	+ getChildren: (articleId: number, params?: any) => {
		54	+ return {
		55	+ then: (func?: Function) => { if (func) func(); }
		56	+ };
		57	+ }
		58	+ },
		59	+ profileService: {
		60	+ getCurrentProfile: (profile: any) => {
		61	+ return mocks.promiseResultTemplate({
		62	+ profile: profile
		63	+ });
		64	+ },
		65	+ instant: () => { }
		66	+ },
41	sessionWithCurrentUser: (user: any) => {	67	sessionWithCurrentUser: (user: any) => {
42	return {	68	return {
43	currentUser: () => { return user; }	69	currentUser: () => { return user; }
	@@ -60,5 +86,13 @@ export var mocks = {		@@ -60,5 +86,13 @@ export var mocks = {
60	loadScript: (script?: string) => {	86	loadScript: (script?: string) => {
61	return Promise.resolve();	87	return Promise.resolve();
62	}	88	}
		89	+ },
		90	+ promiseResultTemplate: (response?: {}) => {
		91	+
		92	+ return {
		93	+ then: (func?: (response: any) => void) => {
		94	+ if (func) { return func(response); }
		95	+ }
		96	+ }
63	}	97	}
64	};	98	};