Carlos Purificação · Michel Felipe · Michel Felipe · Carlos Purificação · Carlos Purificação · Michel Felipe de Oliveira Ferreira - SUPDE/DESDR/DE502
Showing 8 changed files Show diff stats
src/app/layout/blocks/members-block/members-block.component.spec.ts
src/app/layout/blocks/people-block/people-block.component.spec.ts
src/app/layout/blocks/people-block/people-block.component.ts
src/app/layout/blocks/people-block/people-block.html
src/app/profile/data/profile-data.component.spec.ts
src/app/profile/data/profile-data.html
src/spec/component-test-helper.ts
src/spec/mocks.ts
 import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
 import {Provider, Input, provide, Component} from 'ng-forward';
-
 import {MembersBlockComponent} from './members-block.component';
+import {ComponentTestHelper, createClass} from './../../../../spec/component-test-helper';
 const htmlTemplate: string = '<noosfero-members-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-members-block>';
@@ -10,13 +10,9 @@ const tcb = new TestComponentBuilder();
 describe("Components", () => {
     describe("Members Block Component", () => {
-        beforeEach(angular.mock.module("templates"));
+        let helper: ComponentTestHelper;
-        let state = jasmine.createSpyObj("state", ["go"]);
         let providers = [
-            new Provider('truncateFilter', { useValue: () => { } }),
-            new Provider('stripTagsFilter', { useValue: () => { } }),
-            new Provider('$state', { useValue: state }),
             new Provider('ProfileService', {
                 useValue: {
                     getProfileMembers: (profileId: number, filters: any): any => {
@@ -25,28 +21,28 @@ describe(&quot;Components&quot;, () =&gt; {
                 }
             }),
         ];
-        @Component({ selector: 'test-container-component', template: htmlTemplate, directives: [MembersBlockComponent], providers: providers })
-        class BlockContainerComponent {
-            block = { type: 'Block', settings: {} };
-            owner = { name: 'profile-name' };
-            constructor() {
-            }
-        }
-
-        it("get members of the block owner", done => {
-            tcb.createAsync(BlockContainerComponent).then(fixture => {
-                let block: MembersBlockComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
-                expect(block.members).toEqual([{ identifier: "person1" }]);
-                done();
+
+        beforeEach(angular.mock.module("templates"));
+
+        beforeEach( (done) => {
+            // Custom properties for the component
+            let properties = { owner: { id: 1 } };
+            // Create the component bed for the test.
+            let cls = createClass({
+                template: htmlTemplate,
+                directives: [MembersBlockComponent],
+                providers: providers,
+                properties: properties
             });
+            helper = new ComponentTestHelper(cls, done);
         });
-        it("render the profile image for each member", done => {
-            tcb.createAsync(BlockContainerComponent).then(fixture => {
-                fixture.debugElement.getLocal("$rootScope").$apply();
-                expect(fixture.debugElement.queryAll("noosfero-profile-image").length).toEqual(1);
-                done();
-            });
+        it("get members of the block owner", () => {
+            expect(helper.component.members[0].identifier).toEqual("person1");
+        });
+
+        it("render the profile image for each member", () => {
+            expect(helper.all("noosfero-profile-image").length).toEqual(1);
         });
     });
 import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
-import {Provider, Input, provide, Component} from 'ng-forward';
-
+import {Provider} from 'ng-forward';
+import {ComponentTestHelper, createClass} from './../../../../spec/component-test-helper';
+import {providers} from 'ng-forward/cjs/testing/providers';
 import {PeopleBlockComponent} from './people-block.component';
 const htmlTemplate: string = '<noosfero-people-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-people-block>';
-const tcb = new TestComponentBuilder();
-
 describe("Components", () => {
-    describe("People Block Component", () => {
-
-        beforeEach(angular.mock.module("templates"));
-        let state = jasmine.createSpyObj("state", ["go"]);
-        let providers = [
-            new Provider('truncateFilter', { useValue: () => { } }),
-            new Provider('stripTagsFilter', { useValue: () => { } }),
-            new Provider('$state', { useValue: state }),
-            new Provider('EnvironmentService', {
-                useValue: {
+    describe("People Block Component", () => {
+        let serviceMock = {
                     getEnvironmentPeople: (filters: any): any => {
                         return Promise.resolve([{ identifier: "person1" }]);
                     }
-                }
-            }),
-        ];
-        @Component({ selector: 'test-container-component', template: htmlTemplate, directives: [PeopleBlockComponent], providers: providers })
-        class BlockContainerComponent {
-            block = { type: 'Block', settings: {} };
-            owner = { name: 'profile-name' };
-            constructor() {
-            }
-        }
-
-        it("get people of the block owner", done => {
-            tcb.createAsync(BlockContainerComponent).then(fixture => {
-                let block: PeopleBlockComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
-                expect(block.people).toEqual([{ identifier: "person1" }]);
-                done();
+                };
+        let providers = [new Provider('EnvironmentService', { useValue: serviceMock })];
+
+        let helper: ComponentTestHelper;
+
+        beforeEach( angular.mock.module("templates") );
+
+        /**
+         * The beforeEach procedure will initialize the helper and parse
+         * the component according to the given providers. Unfortunetly, in
+         * this mode, the providers and properties given to the construtor
+         * can't be overriden.
+        */
+        beforeEach( (done) => {
+            // Create the component bed for the test. Optionally, this could be done
+            // in each test if one needs customization of these parameters per test
+            let cls = createClass({
+                template: htmlTemplate,
+                directives: [PeopleBlockComponent],
+                providers: providers,
+                properties: {}
             });
+            helper = new ComponentTestHelper(cls, done);
         });
-        it("render the profile image for each person", done => {
-            tcb.createAsync(BlockContainerComponent).then(fixture => {
-                fixture.debugElement.getLocal("$rootScope").$apply();
-                expect(fixture.debugElement.queryAll("noosfero-profile-image").length).toEqual(1);
-                done();
-            });
+        /**
+         * By default the helper will have the component, with all properties 
+         * ready to be used. Here the mock provider 'EnvironmentService' will 
+         * return the given array with one person.
+         */
+        it("get block with one people", () => {
+            expect(helper.component.people[0].identifier).toEqual("person1");
+        });
+
+        /**
+         * There are helper functions to access the JQuery DOM like this.
+         */
+        it("render the profile image for each person", () => {
+            expect(helper.all("noosfero-profile-image").length).toEqual(1);
         });
+        /**
+         * The main debugElement element is also available
+         */
+        it("render the main noosfero people block", () => {
+            expect(helper.debugElement.children().length).toEqual(1, "The people-block should have a div children");
+        });
+
+        /**
+         * Just another example of a JQuery DOM helper function
+         */
+        it("render the noosfero people block div", () => {
+            let div = helper.findChildren("noosfero-people-block", "div");
+            expect(div.className).toBe('people-block', "The class should be people-block");
+        });
     });
 });
 \ No newline at end of file
@@ -10,6 +10,7 @@ export class PeopleBlockComponent {
     @Input() block: noosfero.Block;
     @Input() owner: noosfero.Environment;
+    private type: string = "people";
     people: noosfero.Person[] = [];
@@ -21,4 +22,5 @@ export class PeopleBlockComponent {
             this.people = people;
         });
     }
+
 }
-<div class="peoples-block">
+<div class="{{ctrl.type}}-block">
   <a ng-repeat="person in ctrl.people" ui-sref="main.profile.home({profile: person.identifier})" class="person">
     <noosfero-profile-image [profile]="person"></noosfero-profile-image>
   </a>
@@ -52,11 +52,10 @@ describe(&#39;Profile data component&#39;, () =&gt; {
         profileMock.additional_data = {
             'Address': 'Street A, Number 102'
         };
+
         buildComponent().then((fixture: ComponentFixture) => {
             let profileData: ProfileDataComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
             profileData.profile = profileMock;
-
-            expect(profileData.hasCustomFields()).toBeTruthy();
             expect(fixture.debugElement.query('div.profile-custom-fields').length).toEqual(1);
         });
     });
@@ -22,7 +22,7 @@
 </div>
 <!-- Custom Fields -->
-<div class="main-box clearfix profile-custom-fields" ng-if="ctrl.hasCustomFields()">
+<div class="main-box clearfix profile-custom-fields" ng-if="!equals({},ctrl.profile.additional_data)">
   <header class="main-box-header clearfix">
     <h2>{{"profile.others_info" | translate}}</h2>
   </header>
@@ -0,0 +1,143 @@
+import { Component } from "ng-forward";
+import { TestComponentBuilder, ngClass } from 'ng-forward/cjs/testing/test-component-builder';
+import { INgForwardJQuery } from "ng-forward/cjs/util/jqlite-extensions";
+import { ComponentFixture } from 'ng-forward/cjs/testing/test-component-builder';
+
+/**
+ * @ngdoc object
+ * @name spec.ComponentTestHelper
+ * @description 
+ * 
+ * Helper class for creating tests. It encapsulates the TestComponentBuilder initialization,
+ * allowing the test to be DRY. To use, one must declare a beforeEach function in the
+ * test, and inside construct this object like:
+ * 
+ * <pre>
+ * let helper = let helper : ComponentTestHelper;
+ * beforeEach( (done) => {
+ *  helper = new ComponentTestHelper(cls, tcb);
+ * }
+ * </pre>
+ */
+export class ComponentTestHelper {
+
+    /**
+     * @ngdoc property
+     * @name mockComponent
+     * @propertyOf spec.ComponentTestHelper
+     * @description
+     *  The component we are mocking.
+     */
+    mockComponent: ngClass;
+    /**
+     * @ngdoc property
+     * @name tcb
+     * @propertyOf spec.ComponentTestHelper
+     * @description
+     *  The NgForward TestComponentBuilder
+     */    
+    tcb: TestComponentBuilder;
+    /**
+     * @ngdoc property
+     * @name component
+     * @propertyOf spec.ComponentTestHelper
+     * @description
+     *  The parsed component instance
+     */    
+    component: any;
+    /**
+     * @ngdoc property
+     * @name debugElement
+     * @propertyOf spec.ComponentTestHelper
+     * @description
+     *  The debugElement representing a JQuery element attached to the component
+     * on mock page.
+     */    
+    debugElement: INgForwardJQuery;
+
+    /**
+     * @ngdoc method
+     * @name constructor
+     * @methodOf spec.ComponentTestHelper
+     * @description
+     *  The constructor for this component.
+     */
+    constructor(mockComponent: any, done: Function) {
+        this.mockComponent = mockComponent;
+        this.tcb = new TestComponentBuilder();
+        this.init(done);
+    }
+
+    /**
+     * @ngdoc method
+     * @name init
+     * @methodOf spec.ComponentTestHelper
+     * @description
+     *  The initializer function. It is called inside the constructor
+     */
+    init(done: Function): any {
+        let promisse = this.tcb.createAsync(this.mockComponent) as Promise<ComponentFixture>;
+        return promisse.then((fixture: any) => {
+            // Fire all angular events and parsing
+            fixture.detectChanges();
+            // The main debug element
+            this.debugElement = fixture.debugElement;
+            this.component = this.debugElement.componentViewChildren[0].componentInstance;
+        }).then(() => {
+            // Force the resolution of components and sync
+            done();
+        });
+    }
+
+    /**
+     * @ngdoc method
+     * @name all
+     * @methodOf spec.ComponentTestHelper
+     * @description
+     *  Return all elements matching the given selector
+     */
+    all(selector: string): INgForwardJQuery[] {
+        return this.debugElement.queryAll(selector);
+    }
+
+    /**
+     * @ngdoc method
+     * @name find
+     * @methodOf spec.ComponentTestHelper
+     * @description
+     *  Return the first element matching the given selector
+     */
+    find(selector: string): INgForwardJQuery {
+        return this.all(selector)[0];
+    }
+
+    /**
+     * @ngdoc method
+     * @name findChildren
+     * @methodOf spec.ComponentTestHelper
+     * @description
+     *  Return the first element of parent element that matches the given selector
+     */
+    findChildren(parentSelector: string, childSelector: string) {
+        let parentComponent = this.find(parentSelector);
+        return parentComponent.find(childSelector)[0];
+    }
+}
+
+export function createClass({
+    template = '<div></div>',
+    directives = [],
+    providers = [],
+    properties = <any>{}
+}): any {
+    @Component({ selector: 'component-test-helper-container', template, directives, providers })
+    class Test {
+        constructor() {
+            Object.keys(properties).forEach((key: any) => {
+                (<any>this)[key] = <any>properties[key];
+            });
+        }
+    }
+    return Test;
+}
+
@@ -72,6 +72,13 @@ export var mocks = {
             };
         }
     },
+    environmentService: {
+        getEnvironmentPeople: (params: any) => {
+            return mocks.promiseResultTemplate({
+                people: {}
+            });
+        }
+    },
     profileService: {
         getCurrentProfile: (profile: any) => {
             return mocks.promiseResultTemplate({
+import { INgForwardJQuery } from "ng-forward/cjs/util/jqlite-extensions";
+import { ComponentFixture } from 'ng-forward/cjs/testing/test-component-builder';
+
+export function createClass(template: any, directives: any, providers: any, properties: any): any {
+    @Component({ selector: 'component-test-helper-container', template, directives, providers })
+    class Test {
+        constructor() {
+            Object.keys(properties).forEach((key: any) => {
+                (<any>this)[key] = <any>properties[key];
+            });
+        }
+    }
+    return Test;
+}
+
+export function rebuild(factory: any, done: any): any {
+ * allowing the test to be DRY. To use, one must declare a beforeEach function in the
+ * test, and inside construct this object like:
+ * 
+ * let helper = let helper : ComponentTestHelper;
+ * beforeEach( (done) => {
+ *  helper = new ComponentTestHelper(cls, tcb);
+ * }
+ */
+export class ComponentTestHelper {
+
+    mockComponent: any;
+    tcb: TestComponentBuilder;
+    component: any;
+    debugElement: INgForwardJQuery;
+
+    constructor(mockComponent: any, done: any) {
+ * }
+ */
+export class ComponentTestHelper {
+
+    mockComponent: any;
+    tcb: TestComponentBuilder;
+    component: any;
+    debugElement: INgForwardJQuery;
+
+    constructor(mockComponent: any, done: any) {
+        this.mockComponent = mockComponent;
+        this.tcb = new TestComponentBuilder();
+        this.init(done);
+    }
+
+    init(done: any): any {
+ */
+export class ComponentTestHelper {
+
+    mockComponent: any;
+    tcb: TestComponentBuilder;
+    component: any;
+    debugElement: INgForwardJQuery;
+
+    constructor(mockComponent: any, done: any) {
+        this.mockComponent = mockComponent;
+        this.tcb = new TestComponentBuilder();
+        this.init(done);
+    }
+
+    init(done: any): any {
+        let promisse = this.tcb.createAsync(this.mockComponent) as any;
+        });
+    }
+
+    /**
+     * Return all elements matching the given selector
+     */
+    all(selector: string): INgForwardJQuery[] {
+        return this.debugElement.queryAll(selector);
+    }
+
+    find(selector: string): INgForwardJQuery {
+        return this.all(selector)[0];
+    }
+
+    findChildren(parentSelector: string, childSelector: string) {
+        let parentComponent = this.find(parentSelector);
+const htmlTemplate: string = '<noosfero-people-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-people-block>';
  
 describe("Components", () => {
-    describe("People Block Component", () => {
  
-        beforeEach(angular.mock.module("templates"));
-
-        let state = jasmine.createSpyObj("state", ["go"]);
-        let providers = [
-            new Provider('truncateFilter', { useValue: () => { } }),
-            new Provider('stripTagsFilter', { useValue: () => { } }),
-            new Provider('$state', { useValue: state }),
-            new Provider('EnvironmentService', {
-                useValue: {
+    describe("People Block Component", () => {
+        let serviceMock = {
+import { Component } from "ng-forward";
+import { TestComponentBuilder } from 'ng-forward/cjs/testing/test-component-builder';
+import { INgForwardJQuery } from "ng-forward/cjs/util/jqlite-extensions";
+import { ComponentFixture } from 'ng-forward/cjs/testing/test-component-builder';
+
+export function createClass(template: any, directives: any, providers: any, properties: any): any {
+            });
+        }
+    }
+    return Test;
+}
+
+export function rebuild(factory: any, done: any): any {
+    return new ComponentTestHelper(factory, done);
+}
+
+/**
+ * Helper class for creating tests. It encapsulates the TestComponentBuilder initialization,
+ * allowing the test to be DRY. To use, one must declare a beforeEach function in the
+ * test, and inside construct this object like:
+ * 
+ * let helper = let helper : ComponentTestHelper;
+
+/**
+ * Helper class for creating tests. It encapsulates the TestComponentBuilder initialization,
+ * allowing the test to be DRY. To use, one must declare a beforeEach function in the
+ * test, and inside construct this object like:
+ * 
+ * let helper = let helper : ComponentTestHelper;
+ * beforeEach( (done) => {
+ *  helper = new ComponentTestHelper(cls, tcb);
+ * }
+ */
+export class ComponentTestHelper {
+
+    mockComponent: any;
+    tcb: TestComponentBuilder;
+    component: any;
             };
         }
     },
+    environmentService: {
+        getEnvironmentPeople: (params: any) => {
+            return mocks.promiseResultTemplate({
+                people: {}
 import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
-import {Provider, Input, provide, Component} from 'ng-forward';
-
+import {Provider, provide} from 'ng-forward';
+import {ComponentTestHelper, createClass} from './../../../../spec/component-test-helper';
+import {providers} from 'ng-forward/cjs/testing/providers';
1	-<div class="peoples-block">	1	+<div class="{{ctrl.type}}-block">
2	<a ng-repeat="person in ctrl.people" ui-sref="main.profile.home({profile: person.identifier})" class="person">	2	<a ng-repeat="person in ctrl.people" ui-sref="main.profile.home({profile: person.identifier})" class="person">
3	<noosfero-profile-image [profile]="person"></noosfero-profile-image>	3	<noosfero-profile-image [profile]="person"></noosfero-profile-image>
4	</a>	4	</a>
	@@ -22,7 +22,7 @@		@@ -22,7 +22,7 @@
22	</div>	22	</div>
23		23
24	<!-- Custom Fields -->	24	<!-- Custom Fields -->
25	-<div class="main-box clearfix profile-custom-fields" ng-if="ctrl.hasCustomFields()">	25	+<div class="main-box clearfix profile-custom-fields" ng-if="!equals({},ctrl.profile.additional_data)">
26	<header class="main-box-header clearfix">	26	<header class="main-box-header clearfix">
27	<h2>{{"profile.others_info" \| translate}}</h2>	27	<h2>{{"profile.others_info" \| translate}}</h2>
28	</header>	28	</header>
@@ -0,0 +1,143 @@		@@ -0,0 +1,143 @@
	1	+import { Component } from "ng-forward";
	2	+import { TestComponentBuilder, ngClass } from 'ng-forward/cjs/testing/test-component-builder';
	3	+import { INgForwardJQuery } from "ng-forward/cjs/util/jqlite-extensions";
	4	+import { ComponentFixture } from 'ng-forward/cjs/testing/test-component-builder';
	5	+
	6	+/**
	7	+ * @ngdoc object
	8	+ * @name spec.ComponentTestHelper
	9	+ * @description
	10	+ *
	11	+ * Helper class for creating tests. It encapsulates the TestComponentBuilder initialization,
	12	+ * allowing the test to be DRY. To use, one must declare a beforeEach function in the
	13	+ * test, and inside construct this object like:
	14	+ *
	15	+ * <pre>
	16	+ * let helper = let helper : ComponentTestHelper;
	17	+ * beforeEach( (done) => {
	18	+ * helper = new ComponentTestHelper(cls, tcb);
	19	+ * }
	20	+ * </pre>
	21	+ */
	22	+export class ComponentTestHelper {
	23	+
	24	+ /**
	25	+ * @ngdoc property
	26	+ * @name mockComponent
	27	+ * @propertyOf spec.ComponentTestHelper
	28	+ * @description
	29	+ * The component we are mocking.
	30	+ */
	31	+ mockComponent: ngClass;
	32	+ /**
	33	+ * @ngdoc property
	34	+ * @name tcb
	35	+ * @propertyOf spec.ComponentTestHelper
	36	+ * @description
	37	+ * The NgForward TestComponentBuilder
	38	+ */
	39	+ tcb: TestComponentBuilder;
	40	+ /**
	41	+ * @ngdoc property
	42	+ * @name component
	43	+ * @propertyOf spec.ComponentTestHelper
	44	+ * @description
	45	+ * The parsed component instance
	46	+ */
	47	+ component: any;
	48	+ /**
	49	+ * @ngdoc property
	50	+ * @name debugElement
	51	+ * @propertyOf spec.ComponentTestHelper
	52	+ * @description
	53	+ * The debugElement representing a JQuery element attached to the component
	54	+ * on mock page.
	55	+ */
	56	+ debugElement: INgForwardJQuery;
	57	+
	58	+ /**
	59	+ * @ngdoc method
	60	+ * @name constructor
	61	+ * @methodOf spec.ComponentTestHelper
	62	+ * @description
	63	+ * The constructor for this component.
	64	+ */
	65	+ constructor(mockComponent: any, done: Function) {
	66	+ this.mockComponent = mockComponent;
	67	+ this.tcb = new TestComponentBuilder();
	68	+ this.init(done);
	69	+ }
	70	+
	71	+ /**
	72	+ * @ngdoc method
	73	+ * @name init
	74	+ * @methodOf spec.ComponentTestHelper
	75	+ * @description
	76	+ * The initializer function. It is called inside the constructor
	77	+ */
	78	+ init(done: Function): any {
	79	+ let promisse = this.tcb.createAsync(this.mockComponent) as Promise<ComponentFixture>;
	80	+ return promisse.then((fixture: any) => {
	81	+ // Fire all angular events and parsing
	82	+ fixture.detectChanges();
	83	+ // The main debug element
	84	+ this.debugElement = fixture.debugElement;
	85	+ this.component = this.debugElement.componentViewChildren[0].componentInstance;
	86	+ }).then(() => {
	87	+ // Force the resolution of components and sync
	88	+ done();
	89	+ });
	90	+ }
	91	+
	92	+ /**
	93	+ * @ngdoc method
	94	+ * @name all
	95	+ * @methodOf spec.ComponentTestHelper
	96	+ * @description
	97	+ * Return all elements matching the given selector
	98	+ */
	99	+ all(selector: string): INgForwardJQuery[] {
	100	+ return this.debugElement.queryAll(selector);
	101	+ }
	102	+
	103	+ /**
	104	+ * @ngdoc method
	105	+ * @name find
	106	+ * @methodOf spec.ComponentTestHelper
	107	+ * @description
	108	+ * Return the first element matching the given selector
	109	+ */
	110	+ find(selector: string): INgForwardJQuery {
	111	+ return this.all(selector)[0];
	112	+ }
	113	+
	114	+ /**
	115	+ * @ngdoc method
	116	+ * @name findChildren
	117	+ * @methodOf spec.ComponentTestHelper
	118	+ * @description
	119	+ * Return the first element of parent element that matches the given selector
	120	+ */
	121	+ findChildren(parentSelector: string, childSelector: string) {
	122	+ let parentComponent = this.find(parentSelector);
	123	+ return parentComponent.find(childSelector)[0];
	124	+ }
	125	+}
	126	+
	127	+export function createClass({
	128	+ template = '<div></div>',
	129	+ directives = [],
	130	+ providers = [],
	131	+ properties = <any>{}
	132	+}): any {
	133	+ @Component({ selector: 'component-test-helper-container', template, directives, providers })
	134	+ class Test {
	135	+ constructor() {
	136	+ Object.keys(properties).forEach((key: any) => {
	137	+ (<any>this)[key] = <any>properties[key];
	138	+ });
	139	+ }
	140	+ }
	141	+ return Test;
	142	+}
	143	+
	@@ -72,6 +72,13 @@ export var mocks = {		@@ -72,6 +72,13 @@ export var mocks = {
72	};	72	};
73	}	73	}
74	},	74	},
		75	+ environmentService: {
		76	+ getEnvironmentPeople: (params: any) => {
		77	+ return mocks.promiseResultTemplate({
		78	+ people: {}
		79	+ });
		80	+ }
		81	+ },
75	profileService: {	82	profileService: {
76	getCurrentProfile: (profile: any) => {	83	getCurrentProfile: (profile: any) => {
77	return mocks.promiseResultTemplate({	84	return mocks.promiseResultTemplate({
	3	+import { INgForwardJQuery } from "ng-forward/cjs/util/jqlite-extensions";
	4	+import { ComponentFixture } from 'ng-forward/cjs/testing/test-component-builder';
	5	+
	6	+export function createClass(template: any, directives: any, providers: any, properties: any): any {
	7	+ @Component({ selector: 'component-test-helper-container', template, directives, providers })
	8	+ class Test {
	9	+ constructor() {
	10	+ Object.keys(properties).forEach((key: any) => {
	11	+ (<any>this)[key] = <any>properties[key];
	12	+ });
	13	+ }
	14	+ }
	15	+ return Test;
	16	+}
	17	+
	18	+export function rebuild(factory: any, done: any): any {
1		Link here Michel Felipe @mfdeveloper 2016-04-11 19:56:07 UTC (Edited 2016-04-11 19:58:54 UTC ) Please, remove the unused `rebuild()` global function. The feature to redo the `tcb.createAsync()` is not working. I tried some implementations to do that, but Angular 1.x use the $injector singleton to register mocks. Because of this, if you try recreate a component, one error is thrown: Injector already created. can not register a module. My suggestion is: Remove this implementation for now, and use the another approach implemented by @abner that use `quickCreateComponent()` when you need override providers(filters, services...). See this link like a reference: http://stackoverflow.com/questions/24900067/injector-already-created-can-not-register-a-module Write Preview Please, remove the unused `rebuild()` global function. The feature to redo the `tcb.createAsync()` is not working. I tried some implementations to do that, but Angular 1.x use the $injector singleton to register mocks. Because of this, if you try recreate a component, one error is thrown: Injector already created. can not register a module. My suggestion is: Remove this implementation for now, and use the another approach implemented by @abner that use `quickCreateComponent()` when you need override providers(filters, services...). See this link like a reference: http://stackoverflow.com/questions/24900067/injector-already-created-can-not-register-a-module Choose File ... File name... Cancel
	31	+ */
	32	+export class ComponentTestHelper {
	33	+
	34	+ mockComponent: any;
	35	+ tcb: TestComponentBuilder;
	36	+ component: any;
	37	+ debugElement: INgForwardJQuery;
	38	+
	39	+ constructor(mockComponent: any, done: any) {
	40	+ this.mockComponent = mockComponent;
	41	+ this.tcb = new TestComponentBuilder();
	42	+ this.init(done);
	43	+ }
	44	+
	45	+ init(done: any): any {
	46	+ let promisse = this.tcb.createAsync(this.mockComponent) as any;
1		Link here Michel Felipe @mfdeveloper 2016-04-11 20:04:28 UTC Replace `any` type to `Promise<ComponentFixture>` generic class. Write Preview Replace `any` type to `Promise<ComponentFixture>` generic class. Choose File ... File name... Cancel
	9	+const htmlTemplate: string = '<noosfero-people-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-people-block>';
9	10
10	11	describe("Components", () => {
11		- describe("People Block Component", () => {
12	12
13		- beforeEach(angular.mock.module("templates"));
14		-
15		- let state = jasmine.createSpyObj("state", ["go"]);
16		- let providers = [
17		- new Provider('truncateFilter', { useValue: () => { } }),
18		- new Provider('stripTagsFilter', { useValue: () => { } }),
19		- new Provider('$state', { useValue: state }),
20		- new Provider('EnvironmentService', {
21		- useValue: {
	13	+ describe("People Block Component", () => {
	14	+ let serviceMock = {
2		Link here Michel Felipe @mfdeveloper 2016-04-11 20:08:26 UTC Why did you use this mock here? Did you not create a reusable `environmentService` into mocks.ts file? You need choice which these implementations will be here! Write Preview Why did you use this mock here? Did you not create a reusable `environmentService` into mocks.ts file? You need choice which these implementations will be here! Choose File ... File name... Cancel Link here Carlos Purificação @carloseugenio 2016-04-13 14:40:20 UTC The mock in mocks.ts it is an empty generic mock, like others in this file. It does not return a value and this test needs one value. I think it is more direct approach then using the promiseResultTemplate in this test. Write Preview The mock in mocks.ts it is an empty generic mock, like others in this file. It does not return a value and this test needs one value. I think it is more direct approach then using the promiseResultTemplate in this test. Choose File ... File name... Cancel
	1	+import { Component } from "ng-forward";
	2	+import { TestComponentBuilder } from 'ng-forward/cjs/testing/test-component-builder';
	3	+import { INgForwardJQuery } from "ng-forward/cjs/util/jqlite-extensions";
	4	+import { ComponentFixture } from 'ng-forward/cjs/testing/test-component-builder';
	5	+
	6	+export function createClass(template: any, directives: any, providers: any, properties: any): any {
1		Link here Michel Felipe @mfdeveloper 2016-04-11 20:11:13 UTC This shorthand `createClass` function needs a refactory into your parameters declaration. In this case, will be more legibility if you define like key => value params. Please, see the `quickCreateComponent()` implementation on helpers.ts file :) Write Preview This shorthand `createClass` function needs a refactory into your parameters declaration. In this case, will be more legibility if you define like key => value params. Please, see the `quickCreateComponent()` implementation on helpers.ts file :) Choose File ... File name... Cancel
1	1	import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
2		-import {Provider, Input, provide, Component} from 'ng-forward';
3		-
	2	+import {Provider, provide} from 'ng-forward';
	3	+import {ComponentTestHelper, createClass} from './../../../../spec/component-test-helper';
	4	+import {providers} from 'ng-forward/cjs/testing/providers';
1		Link here Michel Felipe @mfdeveloper 2016-04-11 20:22:05 UTC Please, remove the unused import Write Preview Please, remove the unused import Choose File ... File name... Cancel