merge with ngforward branch. fixed helpers

ABNER SILVA DE OLIVEIRA
2 parents 0a1968f0 ebb3050e
Showing 24 changed files with 617 additions and 187 deletions Show diff stats
src/app/cms/cms.component.spec.ts
src/app/cms/cms.component.ts
src/app/components/auth/auth_controller.ts
src/app/components/navbar/navbar.spec.ts
src/app/components/noosfero-articles/blog/blog.component.spec.ts
src/app/components/noosfero-blocks/members-block/members-block.component.ts
src/app/components/noosfero-blocks/profile-image/profile-image.component.spec.ts
src/app/components/noosfero-blocks/profile-image/profile-image.component.ts
src/app/components/noosfero-blocks/recent-documents/recent-documents.component.ts
src/app/components/noosfero/noosfero.service.js
src/app/content-viewer/content-viewer-actions.component.ts
src/app/content-viewer/content-viewer.component.ts
src/app/index.ts
src/app/profile-info/profile-info.component.ts
src/app/profile/profile-home.component.spec.ts
src/app/profile/profile-home.component.ts
src/app/profile/profile.component.spec.ts
src/app/profile/profile.component.ts
src/app/profile/profile.controller.spec.js
src/lib/ng-noosfero-api/http/article.service.spec.ts
@@ -0,0 +1,54 @@
+import {quickCreateComponent} from "../../spec/helpers";
+import {Cms} from "./cms.component";
+
+describe("Components", () => {
+    describe("Cms Component", () => {
+
+        let $rootScope: ng.IRootScopeService;
+        let $q: ng.IQService;
+        let articleServiceMock: any;
+        let profileServiceMock: any;
+        let $state: any;
+        let sweetAlert: any;
+
+        beforeEach(inject((_$rootScope_: ng.IRootScopeService, _$q_: ng.IQService) => {
+            $rootScope = _$rootScope_;
+            $q = _$q_;
+        }));
+
+        beforeEach(() => {
+            $state = jasmine.createSpyObj("$state", ["transitionTo"]);
+            sweetAlert = jasmine.createSpyObj("SweetAlert", ["swal"]);
+            profileServiceMock = jasmine.createSpyObj("profileServiceMock", ["getCurrentProfile"]);
+            articleServiceMock = jasmine.createSpyObj("articleServiceMock", ["create"]);
+
+            let getCurrentProfileResponse = $q.defer();
+            getCurrentProfileResponse.resolve({ id: 1 });
+
+            let articleCreate = $q.defer();
+            articleCreate.resolve({ data: { article: { path: "path", profile: { identifier: "profile" } } } });
+
+            profileServiceMock.getCurrentProfile = jasmine.createSpy("getCurrentProfile").and.returnValue(getCurrentProfileResponse.promise);
+            articleServiceMock.create = jasmine.createSpy("create").and.returnValue(articleCreate.promise);
+        });
+
+        it("create an article in the current profile when save", done => {
+            let component: Cms = new Cms(articleServiceMock, profileServiceMock, $state, sweetAlert);
+            component.save();
+            $rootScope.$apply();
+            expect(profileServiceMock.getCurrentProfile).toHaveBeenCalled();
+            expect(articleServiceMock.create).toHaveBeenCalledWith(1, component.article);
+            done();
+        });
+
+        it("got to the new article page and display an alert when saving sucessfully", done => {
+            let component: Cms = new Cms(articleServiceMock, profileServiceMock, $state, sweetAlert);
+            component.save();
+            $rootScope.$apply();
+            expect($state.transitionTo).toHaveBeenCalledWith("main.profile.page", { page: "path", profile: "profile" });
+            expect(sweetAlert.swal).toHaveBeenCalled();
+            done();
+        });
+
+    });
+});
-import {StateConfig, Component, Inject} from 'ng-forward';
+import {StateConfig, Component, Inject, provide} from 'ng-forward';
 import {Profile} from "./../models/interfaces";
 import {ArticleService} from "../../lib/ng-noosfero-api/http/article.service";
+import {ProfileService} from "../../lib/ng-noosfero-api/http/profile.service";
 @Component({
     selector: 'cms',
-    templateUrl: "app/cms/cms.html"
+    templateUrl: "app/cms/cms.html",
+    providers: [
+        provide('articleService', { useClass: ArticleService }),
+        provide('profileService', { useClass: ProfileService })
+    ]
 })
-@Inject(ArticleService, "noosfero", "$stateParams", "$httpParamSerializer", "$state", "SweetAlert")
+@Inject(ArticleService, ProfileService, "$state", "SweetAlert")
 export class Cms {
     article: any = {};
-    profile: any;
-    constructor(private ArticleService: ArticleService, private noosfero: any/* TODO convert noosferoService */, private $stateParams: ng.ui.IStateParamsService, private $httpParamSerializer: any, private $state: ng.ui.IStateService, private SweetAlert: any) {
-
-    }
+    constructor(private articleService: ArticleService,
+        private profileService: ProfileService,
+        private $state: ng.ui.IStateService, private SweetAlert: any) { }
     save() {
-        this.noosfero.currentProfile.then((profile: Profile) => {
-            return this.ArticleService.create(profile.id, this.article);
+        this.profileService.getCurrentProfile().then((profile: Profile) => {
+            return this.articleService.create(profile.id, this.article);
         }).then((response: restangular.IResponse) => {
             this.$state.transitionTo('main.profile.page', { page: response.data.article.path, profile: response.data.article.profile.identifier });
             this.SweetAlert.swal({
@@ -3,7 +3,7 @@ import {AuthService} from &quot;./auth_service&quot;;
 export class AuthController {
-    static $inject = ["noosfero", "$log", "$stateParams", "AuthService"];
+    static $inject = ["$log", "$stateParams", "AuthService"];
     constructor(
         private noosfero: any,
 import {
-    createComponentFromClass,
-    quickCreateComponent,
-    provideEmptyObjects
+createComponentFromClass,
+quickCreateComponent,
+provideEmptyObjects
 } from "./../../../spec/helpers";
 import {
-    Navbar
+Navbar
 } from "./navbar";
 import {
-    AUTH_EVENTS
+AUTH_EVENTS
 } from "./../auth";
 import {
-    User
+User
 } from "./../../models/interfaces";
 import {
-    Injectable,
-    Provider,
-    provide
+Injectable,
+Provider,
+provide
 } from "ng-forward";
+import {Session, AuthService, AuthController, IAuthEvents} from "./../auth";
 describe("Components", () => {
-
     describe("Navbar Component", () => {
         let $rootScope: ng.IRootScopeService;
+
         let user = <User>{
             id: 1,
             login: "user"
         };
-
         let scope = {
             eventCalledHook: () => { },
             $on: (eventName: string, func: Function) => {
@@ -67,6 +67,7 @@ describe(&quot;Components&quot;, () =&gt; {
             new Provider('AUTH_EVENTS', { useValue: { AUTH_EVENTS } })
         ];
+
         beforeEach(angular.mock.module("templates"));
         // beforeEach(inject((_$rootScope_: ng.IRootScopeService) => {
@@ -76,7 +77,6 @@ describe(&quot;Components&quot;, () =&gt; {
         it('should get the loggedIn user', (done: Function) => {
             let scope = jasmine.createSpyObj("scope", ["$on"]);
-
             let providers = [
                 provideEmptyObjects('moment', '$modal', 'AuthService', '$state'),
                 new Provider('Session', {
@@ -108,7 +108,8 @@ describe(&quot;Components&quot;, () =&gt; {
             });
         });
-        it('It should open on click', (done: Function) => {
+        it('should open on click', (done: Function) => {
+
             quickCreateComponent({
                 providers: providers,
                 template: "<acme-navbar></acme-navbar>",
@@ -121,15 +122,16 @@ describe(&quot;Components&quot;, () =&gt; {
                     expect($modal.open).toHaveBeenCalled();
                     expect($modal.open).toHaveBeenCalledWith({
                         templateUrl: 'app/components/auth/login.html',
-                        controller: 'AuthController',
+                        controller: AuthController,
                         controllerAs: 'vm',
                         bindToController: true
-                    })
+                    });
                     done();
                 })
         });
-        it('It should logout', (done: Function) => {
+        it('should logout', (done: Function) => {
+
             quickCreateComponent({
                 providers: providers,
                 template: "<acme-navbar></acme-navbar>",
@@ -145,6 +147,38 @@ describe(&quot;Components&quot;, () =&gt; {
         });
+        it('should not activate user when logged in', (done: Function) => {
+            quickCreateComponent({
+                providers: providers,
+                template: "<acme-navbar></acme-navbar>",
+                directives: [Navbar]
+            })
+                .then(fixture => {
+                    let navbarComp: Navbar = <Navbar>fixture.debugElement.componentViewChildren[0].componentInstance;
+                    spyOn(navbarComp, "openLogin");
+                    navbarComp.activate();
+                    expect((<any>navbarComp.openLogin).calls.count()).toBe(0);
+                    done();
+                })
+
+        });
+
+        it('should activate when user not logged in', (done: Function) => {
+            user = null;
+            quickCreateComponent({
+                providers: providers,
+                template: "<acme-navbar></acme-navbar>",
+                directives: [Navbar]
+            })
+                .then(fixture => {
+                    let navbarComp: Navbar = <Navbar>fixture.debugElement.componentViewChildren[0].componentInstance;
+                    spyOn(navbarComp, "openLogin");
+                    navbarComp.activate();
+                    expect(navbarComp.openLogin).toHaveBeenCalled();
+                    done();
+                })
+        });
+        
         // it('closes the modal the login', (done: Function) => {
         //     let scope = {
 import {
+    providers
+} from 'ng-forward/cjs/testing/providers';
+
+import {
     Input,
-    provide,
     Component
 } from 'ng-forward';
 import {
@@ -12,26 +15,16 @@ import {
     quickCreateComponent,
     provideEmptyObjects,
     createProviderToValue,
-    getQService
+    getAngularService,
+    provideFilters
 } 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>{};
-
 describe("Blog Component", () => {
-    // the karma preprocessor html2js transform the templates html into js files which put
-    // the templates to the templateCache into the module templates
-    // we need to load the module templates here as the template for the
-    // 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
         };
@@ -50,48 +43,56 @@ describe(&quot;Blog Component&quot;, () =&gt; {
         }
     }
-    beforeAll(() => {
-        // creating mock for articleService
-        articleService = {
-            getChildren: (article_id: number, filters: {}) => {
-                return promiseResultTemplate(null);
-            }
+    let articleService = {
+        getChildren: (article_id: number, filters: {}) => {
+            return promiseResultTemplate(null);
+        }
+    };
+
+    @Component({
+        selector: 'test-container-component',
+        template: htmlTemplate,
+        directives: [ArticleBlog],
+        providers: [
+            provideEmptyObjects('Restangular'),
+            createProviderToValue('ArticleService', articleService),
+            provideFilters('truncateFilter')
+        ]
+    })
+    class BlogContainerComponent {
+        article = {
+            type: 'anyArticleType'
+        };
+        profile = {
+            name: 'profile-name'
         };
+    }
+
+    beforeEach(() => {
+
+        // the karma preprocessor html2js transform the templates html into js files which put
+        // the templates to the templateCache into the module templates
+        // we need to load the module templates here as the template for the
+        // component Noosfero ArtileView will be load on our tests
+        angular.mock.module("templates")
+
+        providers((provide: any) => {
+            return <any > [
+                provide('ArticleService', {
+                    useValue: articleService
+                })
+            ]
+        });
     });
     it("renders the blog content", (done: Function) => {
-        // Creating a container component (ArticleContainerComponent) to include
-        // the component under test (ArticleView)
-        @Component({
-            selector: 'test-container-component',
-            template: htmlTemplate,
-            directives: [ArticleBlog],
-            providers: [provideEmptyObjects('Restangular'), createProviderToValue('ArticleService', articleService)]
-        })
-        class BlogContainerComponent {
-            article = {
-                type: 'anyArticleType'
-            };
-            profile = {
-                name: 'profile-name'
-            };
-        }
-
         createComponentFromClass(BlogContainerComponent).then((fixture) => {
             expect(fixture.debugElement.query('div.blog').length).toEqual(1);
             done();
         });
-
-
-
-    });
-
-    it("get $q service", () => {
-        let $q: ng.IQService = getQService();
-        console.log($q);
     });
     it("verify the blog data", (done: Function) => {
@@ -102,44 +103,31 @@ describe(&quot;Blog Component&quot;, () =&gt; {
                 headers: (headerName: string) => {
                     return 1;
                 },
-                data: <any>{
-                    articles: []
+                data: < any > {
+                    articles: [{
+                        id: 1,
+                        title: 'The article test'
+                    }]
                 }
             });
         };
-        @Component({
-            selector: 'test-container-component',
-            template: htmlTemplate,
-            directives: [ArticleBlog],
-            providers: [provideEmptyObjects('Restangular'), createProviderToValue('ArticleService', articleService)]
-        })
-        class BlogContainerComponent {
-            article = {
-                type: 'anyArticleType'
-            };
-            profile = {
-                name: 'profile-name'
-            };
-        }
-
         createComponentFromClass(BlogContainerComponent).then((fixture) => {
             // gets the children component of BlogContainerComponent
             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);
-
+            let post = {
+                id: 1,
+                title: 'The article test'
+            };
+            expect(( < any > articleBlog)["posts"][0]).toEqual(jasmine.objectContaining(post));
+            expect(( < any > articleBlog)["totalPosts"]).toEqual(1);
-            // done needs to be called (it isn't really needed, as we can read in
-            // here (https://github.com/ngUpgraders/ng-forward/blob/master/API.md#createasync)
-            // because createAsync in ng-forward is not really async, but as the intention
-            // here is write tests in angular 2 ways, this is recommended
             done();
         });
     });
 -});
+});
 \ No newline at end of file
@@ -13,12 +13,12 @@ export class MembersBlock {
     members: any = [];
-    constructor(private ProfileService: ProfileService) {
+    constructor(private profileService: ProfileService) {
     }
     ngOnInit() {
-        this.ProfileService.getProfileMembers(this.owner.id, { per_page: 6 }).then((response: any) => {
+        this.profileService.getProfileMembers(this.owner.id, { per_page: 6 }).then((response: any) => {
             this.members = response.data.people;
         });
     }
-import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
+import {TestComponentBuilder, ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder';
 import {Pipe, Input, provide, Component} from 'ng-forward';
 import {ProfileImageBlock} from './profile-image.component';
+import {ProfileService} from "./../../../../lib/ng-noosfero-api/http/profile.service";
+
+import * as helpers from "./../../../../spec/helpers";
+
 const tcb = new TestComponentBuilder();
 const htmlTemplate: string = '<noosfero-profile-image-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-profile-image-block>';
+
+
 describe("Components", () => {
     describe("Profile Image Block Component", () => {
         beforeEach(angular.mock.module("templates"));
+        
+        //beforeEach(angular.mock.module("restangular"));
+        
+        function buildServiceMock() {
+            let profileServiceMock = jasmine.createSpyObj("profileServiceMock", ["getActivities"]);
+
+            let thenObj = jasmine.createSpyObj("thenObj", ["then"]);
+
+            thenObj.then = (func: Function) => {
+                func({
+                    data: {
+                        image: {
+                            name: 'some-thing',
+                            url: 'http://image.com'
+                        }
+                    }
+                })
+            }
+
+            profileServiceMock.getActivities = jasmine.createSpy("getActivities").and.returnValue(thenObj);
+
+            return profileServiceMock;
+        }
-        @Component({ selector: 'test-container-component', template: htmlTemplate, directives: [ProfileImageBlock] })
+        @Component(
+            {
+                selector: 'test-container-component',
+                template: htmlTemplate,
+                directives: [ProfileImageBlock],
+                providers: [helpers.createProviderToValue("ProfileService", buildServiceMock())]
+
+            })
         class BlockContainerComponent {
             block = { type: 'Block' };
             owner = { name: 'profile-name' };
             constructor() {
             }
         }
+        
+        
-        it("render the profile image", done => {
-            tcb.createAsync(BlockContainerComponent).then(fixture => {
-                expect(fixture.debugElement.queryAll("noosfero-profile-image").length).toEqual(1);
-                done();
+        it("show image if present", () => {
+            let profileServiceMock = buildServiceMock();
+            helpers.tcb.createAsync(BlockContainerComponent).then(fixture => {
+                var elProfile = fixture.debugElement.componentViewChildren[0];
+                expect(elProfile.query('div.profile-image-block').length).toEqual(1);
             });
         });
-
-        it("render the settings link", done => {
-            tcb.createAsync(BlockContainerComponent).then(fixture => {
-                expect(fixture.debugElement.queryAll(".settings-link").length).toEqual(1);
-                done();
-            });
+        
+        //TODO
+        it("not show image if image is missing", () => {
+           
         });
+        
+        it("has link to the profile", () => {
+           
+        });
+
+        it("get activitities from profileService", () => {
+
+
+            let profileServiceMock = buildServiceMock();
+            
+            let profileImageBlock = new ProfileImageBlock(<any>profileServiceMock);
+
+            profileImageBlock.ngOnInit();
+            expect(profileServiceMock.getActivities).toHaveBeenCalled();
+            expect(profileImageBlock.image.name).toEqual("some-thing");
+        })
+
+        //         it("render the profile image", done => {
+        //             tcb.createAsync(BlockContainerComponent).then(fixture => {
+        //                 expect(fixture.debugElement.queryAll("noosfero-profile-image").length).toEqual(1);
+        //                 done();
+        //             });
+        //         });
+        // 
+        //         it("render the settings link", done => {
+        //             tcb.createAsync(BlockContainerComponent).then(fixture => {
+        //                 expect(fixture.debugElement.queryAll(".settings-link").length).toEqual(1);
+        //                 done();
+        //             });
+        //         });
     });
 });
 \ No newline at end of file
-import {Input, Component} from "ng-forward";
+import {Inject, Input, Component} from "ng-forward";
+import {ProfileService} from "./../../../../lib/ng-noosfero-api/http/profile.service";
 @Component({
     selector: "noosfero-profile-image-block",
     templateUrl: 'app/components/noosfero-blocks/profile-image/profile-image.html',
+    providers: [ProfileService]
 })
+@Inject(ProfileService)
 export class ProfileImageBlock {
     @Input() block: any;
     @Input() owner: any;
+    
+    image: any;
+    
+    constructor(private profileService: ProfileService) {
+        
+    }
+    
+    ngOnInit() {
+        this.profileService.getActivities(null, {}).then((resp:any) => {
+            this.image = resp.data.image;
+        })
+    }
 }
@@ -13,10 +13,10 @@ export class RecentDocumentsBlock {
     profile: any;
     documents: any;
-    
+
     documentsLoaded: boolean = false;
-    constructor(private ArticleService: ArticleService, private $state: any) {
+    constructor(private articleService: ArticleService, private $state: any) {
     }
     ngOnInit() {
@@ -25,7 +25,7 @@ export class RecentDocumentsBlock {
         var limit = (this.block && this.block.settings) ? this.block.settings.limit : null || 5;
         //FIXME get all text articles
-        this.ArticleService.getByProfile(this.profile.id, { content_type: 'TinyMceArticle', per_page: limit }).then((response: any) => {
+        this.articleService.getByProfile(this.profile.id, { content_type: 'TinyMceArticle', per_page: limit }).then((response: any) => {
             this.documents = response.data.articles;
             this.documentsLoaded = true;
         });
@@ -36,4 +36,3 @@ export class RecentDocumentsBlock {
     }
 }
-
@@ -1,12 +0,0 @@
-(function() {
-  'use strict';
-  
-  angular.module('noosferoApp').factory('noosfero', function(Restangular, $q) {
-    var currentProfile = $q.defer();
-
-    return {
-      currentProfile: currentProfile.promise,
-      setCurrentProfile: function(profile) { currentProfile.resolve(profile) }
-    }
-  });
-})();
-import {Component, Inject} from "ng-forward";
+import {Component, Inject, provide} from "ng-forward";
+import {ProfileService} from "../../lib/ng-noosfero-api/http/profile.service";
 import {Profile} from "./../models/interfaces";
+
 @Component({
     selector: "content-viewer-actions",
     templateUrl: "app/content-viewer/navbar-actions.html",
+    providers: [provide('profileService', { useClass: ProfileService })]
 })
-@Inject("noosfero")
+@Inject(ProfileService)
 export class ContentViewerActions {
     article: any;
     profile: any;
-    constructor(noosfero: any) {
-        noosfero.currentProfile.then((profile: Profile) => {
+    constructor(profileService: ProfileService) {
+        profileService.getCurrentProfile().then((profile: Profile) => {
             this.profile = profile;
         });
     }
@@ -2,17 +2,22 @@ import * as noosfero from &quot;../models/interfaces&quot;;
 import {ArticleView} from "../components/noosfero-articles/article/article_view";
-import {Input, Component, StateConfig, Inject} from "ng-forward";
+import {Input, Component, StateConfig, Inject, provide} from "ng-forward";
 import {ArticleBlog} from "./../components/noosfero-articles/blog/blog.component";
 import {ArticleService} from "../../lib/ng-noosfero-api/http/article.service";
+import {ProfileService} from "../../lib/ng-noosfero-api/http/profile.service";
 @Component({
     selector: "content-viewer",
     templateUrl: "app/content-viewer/page.html",
-    directives: [ArticleBlog, ArticleView]
+    directives: [ArticleBlog, ArticleView],
+    providers: [
+        provide('articleService', { useClass: ArticleService }),
+        provide('profileService', { useClass: ProfileService })
+    ]
 })
-@Inject(ArticleService, "noosfero", "$log", "$stateParams")
+@Inject(ArticleService, ProfileService, "$log", "$stateParams")
 export class ContentViewer {
     @Input()
@@ -21,14 +26,14 @@ export class ContentViewer {
     @Input()
     profile: noosfero.Profile = null;
-    constructor(private ArticleService: ArticleService, private noosfero: any, private $log: ng.ILogService, private $stateParams: angular.ui.IStateParamsService) {
+    constructor(private articleService: ArticleService, private profileService: ProfileService, private $log: ng.ILogService, private $stateParams: angular.ui.IStateParamsService) {
         this.activate();
     }
     activate() {
-        this.noosfero.currentProfile.then((profile: noosfero.Profile) => {
+        this.profileService.getCurrentProfile().then((profile: noosfero.Profile) => {
             this.profile = profile;
-            return this.ArticleService.getByProfile(this.profile.id, { path: this.$stateParams["page"] });
+            return this.articleService.getByProfile(this.profile.id, { path: this.$stateParams["page"] });
         }).then((response: restangular.IResponse) => {
             this.article = response.data.article;
         });
@@ -28,7 +28,6 @@ NoosferoApp.addConstants(&quot;AUTH_EVENTS&quot;, AUTH_EVENTS);
 NoosferoApp.addConfig(noosferoModuleConfig);
 NoosferoApp.run(noosferoAngularRunBlock);
-require("./components/noosfero/noosfero.service.js");
 require("./components/noosfero/profile-image/profile-image.component.js");
 NoosferoApp.addConfig(routeConfig);
-import {StateConfig, Component, Inject} from 'ng-forward';
+import {StateConfig, Component, Inject, provide} from 'ng-forward';
 import {Profile} from "./../models/interfaces";
 import {ProfileService} from "../../lib/ng-noosfero-api/http/profile.service";
 @Component({
     selector: 'profile',
-    templateUrl: "app/profile-info/profile-info.html"
+    templateUrl: "app/profile-info/profile-info.html",
+    providers: [provide('profileService', { useClass: ProfileService })]
 })
-@Inject(ProfileService, "noosfero")
+@Inject(ProfileService)
 export class ProfileInfo {
     activities: any
     profile: any
-    constructor(private ProfileService: ProfileService, private noosfero: any) {
+    constructor(private profileService: ProfileService) {
         this.activate();
     }
     activate() {
-        this.noosfero.currentProfile.then((profile: Profile) => {
+        this.profileService.getCurrentProfile().then((profile: Profile) => {
             this.profile = profile;
-            return this.ProfileService.getActivities(this.profile.id);
+            return this.profileService.getActivities(this.profile.id);
         }).then((response: restangular.IResponse) => {
             this.activities = response.data.activities;
         });
@@ -0,0 +1,58 @@
+import {quickCreateComponent} from "../../spec/helpers";
+import {ProfileHome} from "./profile-home.component";
+
+describe("Components", () => {
+    describe("Profile Home Component", () => {
+
+        let $rootScope: ng.IRootScopeService;
+        let $q: ng.IQService;
+        let homePageResponse: ng.IDeferred<any>;
+        let profileServiceMock: any;
+        let $state: any;
+
+        beforeEach(inject((_$rootScope_: ng.IRootScopeService, _$q_: ng.IQService) => {
+            $rootScope = _$rootScope_;
+            $q = _$q_;
+        }));
+
+        beforeEach(() => {
+            $state = jasmine.createSpyObj("$state", ["transitionTo"]);
+            profileServiceMock = jasmine.createSpyObj("profileServiceMock", ["getCurrentProfile", "getHomePage"]);
+
+            let currentProfileResponse = $q.defer();
+            currentProfileResponse.resolve({ identifier: "profile" });
+            homePageResponse = $q.defer();
+
+            profileServiceMock.getCurrentProfile = jasmine.createSpy("getCurrentProfile").and.returnValue(currentProfileResponse.promise);
+            profileServiceMock.getHomePage = jasmine.createSpy("getHomePage").and.returnValue(homePageResponse.promise);
+        });
+
+        it("transition to profile homepage when there is a homepage setted", done => {
+            homePageResponse.resolve({ data: { article: { path: "something" } } });
+
+            let component: ProfileHome = new ProfileHome(profileServiceMock, $state);
+            $rootScope.$apply();
+            expect(profileServiceMock.getCurrentProfile).toHaveBeenCalled();
+            expect(profileServiceMock.getHomePage).toHaveBeenCalled();
+
+            expect($state.transitionTo).
+                toHaveBeenCalledWith("main.profile.page",
+                { page: "something", profile: "profile" }, { location: false });
+            done();
+        });
+
+        it("transition to profile info page when there is no homepage setted", done => {
+            homePageResponse.resolve({ data: {} });
+
+            let component: ProfileHome = new ProfileHome(profileServiceMock, $state);
+            $rootScope.$apply();
+            expect(profileServiceMock.getCurrentProfile).toHaveBeenCalled();
+            expect(profileServiceMock.getHomePage).toHaveBeenCalled();
+
+            expect($state.transitionTo).
+                toHaveBeenCalledWith("main.profile.info",
+                { profile: "profile" }, { location: false });
+            done();
+        });
+    });
+});
-import {StateConfig, Component, Inject} from 'ng-forward';
+import {StateConfig, Component, Inject, provide} from 'ng-forward';
 import {Profile} from "./../models/interfaces";
 import {ProfileService} from "../../lib/ng-noosfero-api/http/profile.service";
 @Component({
     selector: 'profile-home',
-    template: "<div></div>"
+    template: "<div></div>",
+    providers: [provide('profileService', { useClass: ProfileService })]
 })
-@Inject(ProfileService, "noosfero", "$log", "$stateParams", "$scope", "$state")
+@Inject(ProfileService, "$state")
 export class ProfileHome {
     profile: Profile;
-    constructor(ProfileService: ProfileService, noosfero: any, $log: ng.ILogService, $stateParams: ng.ui.IStateParamsService, $scope: ng.IScope, $state: ng.ui.IStateService) {
-        noosfero.currentProfile.then((profile: Profile) => {
+    constructor(profileService: ProfileService, $state: ng.ui.IStateService) {
+        profileService.getCurrentProfile().then((profile: Profile) => {
             this.profile = profile;
-            return ProfileService.get(this.profile.id).customGET('home_page', { fields: 'path' });
+            return profileService.getHomePage(this.profile.id, { fields: 'path' });
         }).then((response: restangular.IResponse) => {
             if (response.data.article) {
                 $state.transitionTo('main.profile.page', { page: response.data.article.path, profile: this.profile.identifier }, { location: false });
@@ -0,0 +1,47 @@
+import {quickCreateComponent} from "../../spec/helpers";
+import {Profile} from "./profile.component";
+
+describe("Components", () => {
+    describe("Profile Component", () => {
+
+        let $rootScope: ng.IRootScopeService;
+        let $q: ng.IQService;
+        let profileServiceMock: any;
+        let $stateParams: any;
+
+        beforeEach(inject((_$rootScope_: ng.IRootScopeService, _$q_: ng.IQService) => {
+            $rootScope = _$rootScope_;
+            $q = _$q_;
+        }));
+
+        beforeEach(() => {
+            $stateParams = jasmine.createSpyObj("$stateParams", ["profile"]);
+            profileServiceMock = jasmine.createSpyObj("profileServiceMock", ["getByIdentifier", "getBoxes", "setCurrentProfile"]);
+
+            let getByIdentifierResponse = $q.defer();
+            getByIdentifierResponse.resolve({ data: [{ id: 1 }] });
+            let getBoxesResponse = $q.defer();
+            getBoxesResponse.resolve({ data: { boxes: [{ id: 2 }] } });
+
+            profileServiceMock.getByIdentifier = jasmine.createSpy("getByIdentifier").and.returnValue(getByIdentifierResponse.promise);
+            profileServiceMock.getBoxes = jasmine.createSpy("getBoxes").and.returnValue(getBoxesResponse.promise);
+        });
+
+        it("get the profile and store in profile service", done => {
+            let component: Profile = new Profile(profileServiceMock, $stateParams);
+            $rootScope.$apply();
+            expect(profileServiceMock.getByIdentifier).toHaveBeenCalled();
+            expect(profileServiceMock.setCurrentProfile).toHaveBeenCalled();
+            expect(component.profile).toEqual({ id: 1 });
+            done();
+        });
+
+        it("get the profile boxes", done => {
+            let component: Profile = new Profile(profileServiceMock, $stateParams);
+            $rootScope.$apply();
+            expect(profileServiceMock.getBoxes).toHaveBeenCalled();
+            expect(component.boxes).toEqual([{ id: 2 }]);
+            done();
+        });
+    });
+});
-import {StateConfig, Component, Inject} from 'ng-forward';
+import {StateConfig, Component, Inject, provide} from 'ng-forward';
 import {ProfileInfo} from '../profile-info/profile-info.component';
 import {ProfileHome} from '../profile/profile-home.component';
 import {Cms} from '../cms/cms.component';
@@ -12,7 +12,8 @@ import * as noosferoModels from &quot;./../models/interfaces&quot;;
 @Component({
     selector: 'profile',
     templateUrl: "app/profile/profile.html",
-    directives: [NoosferoActivities]
+    directives: [NoosferoActivities],
+    providers: [provide('profileService', { useClass: ProfileService })]
 })
 @StateConfig([
     {
@@ -68,17 +69,17 @@ import * as noosferoModels from &quot;./../models/interfaces&quot;;
         }
     }
 ])
-@Inject(ProfileService, "noosfero", "$log", "$stateParams")
+@Inject(ProfileService, "$stateParams")
 export class Profile {
     boxes: noosferoModels.Box[];
     profile: noosferoModels.Profile;
-    constructor(ProfileService: ProfileService, noosfero: any, $log: ng.ILogService, $stateParams: ng.ui.IStateParamsService) {
-        ProfileService.getByIdentifier($stateParams["profile"]).then((response: restangular.IResponse) => {
+    constructor(profileService: ProfileService, $stateParams: ng.ui.IStateParamsService) {
+        profileService.getByIdentifier($stateParams["profile"]).then((response: restangular.IResponse) => {
             this.profile = response.data[0];
-            noosfero.setCurrentProfile(this.profile);
-            return ProfileService.getBoxes(this.profile.id);
+            profileService.setCurrentProfile(this.profile);
+            return profileService.getBoxes(this.profile.id);
         }).then((response: restangular.IResponse) => {
             this.boxes = response.data.boxes;
         });
@@ -1,12 +0,0 @@
-(function() {
-  'use strict';
-
-  describe('controllers', function(){
-    // var vm;
-
-    beforeEach(module('angular'));
-    beforeEach(inject(function() {
-      // vm = _$controller_('MainController');
-    }));
-  });
-})();
@@ -0,0 +1,76 @@
+import {Article} from "../../../app/models/interfaces";
+import {ArticleService} from "./article.service";
+
+
+describe("Services", () => {
+
+    describe("Article Service", () => {
+
+        let $httpBackend: ng.IHttpBackendService;
+        let articleService: ArticleService;
+
+        beforeEach(angular.mock.module("noosferoApp"));
+
+        beforeEach(inject((_$httpBackend_: ng.IHttpBackendService, _ArticleService_: ArticleService) => {
+            $httpBackend = _$httpBackend_;
+            articleService = _ArticleService_;
+        }));
+
+
+        describe("Succesfull requests", () => {
+
+            it("should return article children", (done) => {
+                let articleId = 1;
+                $httpBackend.expectGET(`/api/v1/articles/${articleId}/children`).respond(200, { articles: [{ name: "article1" }] });
+                articleService.getChildren(articleId).then((response: restangular.IResponse) => {
+                    expect(response.data.articles).toEqual([{ name: "article1" }]);
+                    done();
+                });
+                $httpBackend.flush();
+            });
+
+            it("should get articles by profile", (done) => {
+                let profileId = 1;
+                $httpBackend.expectGET(`/api/v1/profiles/${profileId}/articles`).respond(200, { articles: [{ name: "article1" }] });
+                articleService.getByProfile(profileId).then((response: restangular.IResponse) => {
+                    expect(response.data.articles).toEqual([{ name: "article1" }]);
+                    done();
+                });
+                $httpBackend.flush();
+            });
+
+            it("should get articles by profile with additional filters", (done) => {
+                let profileId = 1;
+                $httpBackend.expectGET(`/api/v1/profiles/${profileId}/articles?path=test`).respond(200, { articles: [{ name: "article1" }] });
+                articleService.getByProfile(profileId, { path: 'test' }).then((response: restangular.IResponse) => {
+                    expect(response.data.articles).toEqual([{ name: "article1" }]);
+                    done();
+                });
+                $httpBackend.flush();
+            });
+
+            it("should get article children with additional filters", (done) => {
+                let articleId = 1;
+                $httpBackend.expectGET(`/api/v1/articles/${articleId}/children?path=test`).respond(200, { articles: [{ name: "article1" }] });
+                articleService.getChildren(articleId, { path: 'test' }).then((response: restangular.IResponse) => {
+                    expect(response.data.articles).toEqual([{ name: "article1" }]);
+                    done();
+                });
+                $httpBackend.flush();
+            });
+
+            it("should create an article in a profile", (done) => {
+                let profileId = 1;
+                let article: Article = { id: null };
+                $httpBackend.expectPOST(`/api/v1/profiles/${profileId}/articles`, { article: article }).respond(200, { articles: [{ id: 2 }] });
+                articleService.create(profileId, article).then((response: restangular.IResponse) => {
+                    expect(response.data.articles).toEqual([{ id: 2 }]);
+                    done();
+                });
+                $httpBackend.flush();
+            });
+        });
+
+
+    });
+});
@@ -16,16 +16,16 @@ export class ArticleService {
         );
     }
-    get(articleId: number) {
-        return this.Restangular.one('articles', articleId);
+    getByProfile(profileId: number, params?: any) {
+        return this.Restangular.one('profiles', profileId).customGET('articles', params);
     }
-    getByProfile(profileId: number, filters: any) {
-        return this.Restangular.one('profiles', profileId).customGET('articles', filters);
+    getChildren(articleId: number, params?: any) {
+        return this.get(articleId).customGET('children', params);
     }
-    getChildren(articleId: number, options: any = {}) {
-        return this.get(articleId).customGET('children', options);
+    private get(articleId: number) {
+        return this.Restangular.one('articles', articleId);
     }
 }
@@ -0,0 +1,87 @@
+import {Profile} from "../../../app/models/interfaces";
+import {ProfileService} from "./profile.service";
+import {getAngularService} from "../../../spec/helpers";
+
+describe("Services", () => {
+
+    describe("Profile Service", () => {
+
+        let $httpBackend: ng.IHttpBackendService;
+        let profileService: ProfileService;
+        let $rootScope: ng.IRootScopeService;
+
+        beforeEach(angular.mock.module("noosferoApp"));
+
+        beforeEach(inject((_$httpBackend_: ng.IHttpBackendService, _ProfileService_: ProfileService, _$rootScope_: ng.IRootScopeService) => {
+            $httpBackend = _$httpBackend_;
+            profileService = _ProfileService_;
+            $rootScope = _$rootScope_;
+        }));
+
+        describe("Succesfull requests", () => {
+
+            it("should return profile by its identifier", (done) => {
+                let identifier = 'profile1';
+                $httpBackend.expectGET(`/api/v1/profiles?identifier=${identifier}`).respond(200, [{ name: "profile1" }]);
+                profileService.getByIdentifier(identifier).then((response: restangular.IResponse) => {
+                    expect(response.data[0]).toEqual({ name: "profile1" });
+                    done();
+                });
+                $httpBackend.flush();
+            });
+
+            it("should return the members of a profile", (done) => {
+                let profileId = 1;
+                $httpBackend.expectGET(`/api/v1/profiles/${profileId}/members`).respond(200, [{ name: "profile1" }]);
+                profileService.getProfileMembers(profileId).then((response: restangular.IResponse) => {
+                    expect(response.data[0]).toEqual({ name: "profile1" });
+                    done();
+                });
+                $httpBackend.flush();
+            });
+
+            it("should return the boxes of a profile", (done) => {
+                let profileId = 1;
+                $httpBackend.expectGET(`/api/v1/profiles/${profileId}/boxes`).respond(200, [{ position: 1 }]);
+                profileService.getBoxes(profileId).then((response: restangular.IResponse) => {
+                    expect(response.data[0]).toEqual({ position: 1 });
+                    done();
+                });
+                $httpBackend.flush();
+            });
+
+            it("should return activities of a profile", (done) => {
+                let profileId = 1;
+                $httpBackend.expectGET(`/api/v1/profiles/${profileId}/activities`).respond(200, [{ verb: "create_article" }]);
+                profileService.getActivities(profileId).then((response: restangular.IResponse) => {
+                    expect(response.data[0]).toEqual({ verb: "create_article" });
+                    done();
+                });
+                $httpBackend.flush();
+            });
+
+            it("should resolve the current profile", (done) => {
+                let profile: Profile = { id: 1, identifier: "profile1" };
+                profileService.getCurrentProfile().then((currentProfile: Profile) => {
+                    expect(currentProfile).toEqual(currentProfile);
+                    done();
+                });
+                profileService.setCurrentProfile(profile);
+                $rootScope.$apply();
+            });
+
+            it("should return the profile home page", (done) => {
+                let profileId = 1;
+                $httpBackend.expectGET(`/api/v1/profiles/${profileId}/home_page`).respond(200, { article: { path: "/something" } });
+                profileService.getHomePage(profileId).then((response: restangular.IResponse) => {
+                    expect(response.data.article).toEqual({ path: "/something" });
+                    done();
+                });
+                $httpBackend.flush();
+            });
+
+        });
+
+
+    });
+});
 import { Injectable, Inject } from "ng-forward";
+import {Profile} from "../../../app/models/interfaces";
 @Injectable()
-@Inject("Restangular")
+@Inject("Restangular", "$q")
 export class ProfileService {
-    constructor(private Restangular: any) {
+    private _currentProfilePromise: ng.IDeferred<Profile>;
+    constructor(private restangular: restangular.IService, $q: ng.IQService) {
+        this._currentProfilePromise = $q.defer();
     }
-    getActivities(profileId: number, options: any = {}) {
-        return this.get(profileId).customGET("activities", options);
+    getCurrentProfile(): ng.IPromise<Profile> {
+        return this._currentProfilePromise.promise;
     }
-    get(profileId: number) {
-        return this.Restangular.one('profiles', profileId);
+    setCurrentProfile(profile: Profile) {
+        this._currentProfilePromise.resolve(profile);
     }
-    getProfileMembers(profileId: number, filters: any) {
-        return this.get(profileId).customGET("members", filters);
+    getHomePage(profileId: number, params?: any) {
+        return this.get(profileId).customGET("home_page", params);
     }
-    getByIdentifier(identifier: string) {
-        return this.Restangular.one('profiles').get({ identifier: identifier });
+    getByIdentifier(identifier: string): restangular.IPromise<any> {
+        return this.restangular.one('profiles').get({ identifier: identifier });
     }
-    getBoxes(profileId: number) {
+    getProfileMembers(profileId: number, params?: any): restangular.IPromise<any> {
+        return this.get(profileId).customGET("members", params);
+    }
+
+    getBoxes(profileId: number): restangular.IPromise<any> {
         return this.get(profileId).customGET('boxes');
     }
+    getActivities(profileId: number, params?: any): restangular.IPromise<any> {
+        return this.get(profileId).customGET("activities", params);
+    }
+
+    get(profileId: number): restangular.IElement {
+        return this.restangular.one('profiles', profileId);
+    }
+
 }
@@ -10,7 +10,7 @@ export interface ComponentFixtureTemplate {
     template?: string;
 }
-let tcb: TestComponentBuilder = new TestComponentBuilder();
+export let tcb: TestComponentBuilder = new TestComponentBuilder();
 export function quickCreateComponent({
     providers = [],
@@ -0,0 +1,54 @@		@@ -0,0 +1,54 @@
	1	+import {quickCreateComponent} from "../../spec/helpers";
	2	+import {Cms} from "./cms.component";
	3	+
	4	+describe("Components", () => {
	5	+ describe("Cms Component", () => {
	6	+
	7	+ let $rootScope: ng.IRootScopeService;
	8	+ let $q: ng.IQService;
	9	+ let articleServiceMock: any;
	10	+ let profileServiceMock: any;
	11	+ let $state: any;
	12	+ let sweetAlert: any;
	13	+
	14	+ beforeEach(inject((_$rootScope_: ng.IRootScopeService, _$q_: ng.IQService) => {
	15	+ $rootScope = _$rootScope_;
	16	+ $q = _$q_;
	17	+ }));
	18	+
	19	+ beforeEach(() => {
	20	+ $state = jasmine.createSpyObj("$state", ["transitionTo"]);
	21	+ sweetAlert = jasmine.createSpyObj("SweetAlert", ["swal"]);
	22	+ profileServiceMock = jasmine.createSpyObj("profileServiceMock", ["getCurrentProfile"]);
	23	+ articleServiceMock = jasmine.createSpyObj("articleServiceMock", ["create"]);
	24	+
	25	+ let getCurrentProfileResponse = $q.defer();
	26	+ getCurrentProfileResponse.resolve({ id: 1 });
	27	+
	28	+ let articleCreate = $q.defer();
	29	+ articleCreate.resolve({ data: { article: { path: "path", profile: { identifier: "profile" } } } });
	30	+
	31	+ profileServiceMock.getCurrentProfile = jasmine.createSpy("getCurrentProfile").and.returnValue(getCurrentProfileResponse.promise);
	32	+ articleServiceMock.create = jasmine.createSpy("create").and.returnValue(articleCreate.promise);
	33	+ });
	34	+
	35	+ it("create an article in the current profile when save", done => {
	36	+ let component: Cms = new Cms(articleServiceMock, profileServiceMock, $state, sweetAlert);
	37	+ component.save();
	38	+ $rootScope.$apply();
	39	+ expect(profileServiceMock.getCurrentProfile).toHaveBeenCalled();
	40	+ expect(articleServiceMock.create).toHaveBeenCalledWith(1, component.article);
	41	+ done();
	42	+ });
	43	+
	44	+ it("got to the new article page and display an alert when saving sucessfully", done => {
	45	+ let component: Cms = new Cms(articleServiceMock, profileServiceMock, $state, sweetAlert);
	46	+ component.save();
	47	+ $rootScope.$apply();
	48	+ expect($state.transitionTo).toHaveBeenCalledWith("main.profile.page", { page: "path", profile: "profile" });
	49	+ expect(sweetAlert.swal).toHaveBeenCalled();
	50	+ done();
	51	+ });
	52	+
	53	+ });
	54	+});
	@@ -3,7 +3,7 @@ import {AuthService} from "./auth_service";		@@ -3,7 +3,7 @@ import {AuthService} from "./auth_service";
3		3
4	export class AuthController {	4	export class AuthController {
5		5
6	- static $inject = ["noosfero", "$log", "$stateParams", "AuthService"];	6	+ static $inject = ["$log", "$stateParams", "AuthService"];
7		7
8	constructor(	8	constructor(
9	private noosfero: any,	9	private noosfero: any,
	@@ -13,12 +13,12 @@ export class MembersBlock {		@@ -13,12 +13,12 @@ export class MembersBlock {
13		13
14	members: any = [];	14	members: any = [];
15		15
16	- constructor(private ProfileService: ProfileService) {	16	+ constructor(private profileService: ProfileService) {
17		17
18	}	18	}
19		19
20	ngOnInit() {	20	ngOnInit() {
21	- this.ProfileService.getProfileMembers(this.owner.id, { per_page: 6 }).then((response: any) => {	21	+ this.profileService.getProfileMembers(this.owner.id, { per_page: 6 }).then((response: any) => {
22	this.members = response.data.people;	22	this.members = response.data.people;
23	});	23	});
24	}	24	}
1	-import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';	1	+import {TestComponentBuilder, ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder';
2	import {Pipe, Input, provide, Component} from 'ng-forward';	2	import {Pipe, Input, provide, Component} from 'ng-forward';
3		3
4	import {ProfileImageBlock} from './profile-image.component';	4	import {ProfileImageBlock} from './profile-image.component';
5		5
		6	+import {ProfileService} from "./../../../../lib/ng-noosfero-api/http/profile.service";
		7	+
		8	+import * as helpers from "./../../../../spec/helpers";
		9	+
6	const tcb = new TestComponentBuilder();	10	const tcb = new TestComponentBuilder();
7		11
8	const htmlTemplate: string = '<noosfero-profile-image-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-profile-image-block>';	12	const htmlTemplate: string = '<noosfero-profile-image-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-profile-image-block>';
9		13
10		14
		15	+
		16	+
11	describe("Components", () => {	17	describe("Components", () => {
12	describe("Profile Image Block Component", () => {	18	describe("Profile Image Block Component", () => {
13		19
14	beforeEach(angular.mock.module("templates"));	20	beforeEach(angular.mock.module("templates"));
		21	+
		22	+ //beforeEach(angular.mock.module("restangular"));
		23	+
		24	+ function buildServiceMock() {
		25	+ let profileServiceMock = jasmine.createSpyObj("profileServiceMock", ["getActivities"]);
		26	+
		27	+ let thenObj = jasmine.createSpyObj("thenObj", ["then"]);
		28	+
		29	+ thenObj.then = (func: Function) => {
		30	+ func({
		31	+ data: {
		32	+ image: {
		33	+ name: 'some-thing',
		34	+ url: 'http://image.com'
		35	+ }
		36	+ }
		37	+ })
		38	+ }
		39	+
		40	+ profileServiceMock.getActivities = jasmine.createSpy("getActivities").and.returnValue(thenObj);
		41	+
		42	+ return profileServiceMock;
		43	+ }
15		44
16	- @Component({ selector: 'test-container-component', template: htmlTemplate, directives: [ProfileImageBlock] })	45	+ @Component(
		46	+ {
		47	+ selector: 'test-container-component',
		48	+ template: htmlTemplate,
		49	+ directives: [ProfileImageBlock],
		50	+ providers: [helpers.createProviderToValue("ProfileService", buildServiceMock())]
		51	+
		52	+ })
17	class BlockContainerComponent {	53	class BlockContainerComponent {
18	block = { type: 'Block' };	54	block = { type: 'Block' };
19	owner = { name: 'profile-name' };	55	owner = { name: 'profile-name' };
20	constructor() {	56	constructor() {
21	}	57	}
22	}	58	}
		59	+
		60	+
23		61
24	- it("render the profile image", done => {
25	- tcb.createAsync(BlockContainerComponent).then(fixture => {
26	- expect(fixture.debugElement.queryAll("noosfero-profile-image").length).toEqual(1);
27	- done();	62	+ it("show image if present", () => {
		63	+ let profileServiceMock = buildServiceMock();
		64	+ helpers.tcb.createAsync(BlockContainerComponent).then(fixture => {
		65	+ var elProfile = fixture.debugElement.componentViewChildren[0];
		66	+ expect(elProfile.query('div.profile-image-block').length).toEqual(1);
28	});	67	});
29	});	68	});
30	-
31	- it("render the settings link", done => {
32	- tcb.createAsync(BlockContainerComponent).then(fixture => {
33	- expect(fixture.debugElement.queryAll(".settings-link").length).toEqual(1);
34	- done();
35	- });	69	+
		70	+ //TODO
		71	+ it("not show image if image is missing", () => {
		72	+
36	});	73	});
		74	+
		75	+ it("has link to the profile", () => {
		76	+
		77	+ });
		78	+
		79	+ it("get activitities from profileService", () => {
		80	+
		81	+
		82	+ let profileServiceMock = buildServiceMock();
		83	+
		84	+ let profileImageBlock = new ProfileImageBlock(<any>profileServiceMock);
		85	+
		86	+ profileImageBlock.ngOnInit();
		87	+ expect(profileServiceMock.getActivities).toHaveBeenCalled();
		88	+ expect(profileImageBlock.image.name).toEqual("some-thing");
		89	+ })
		90	+
		91	+ // it("render the profile image", done => {
		92	+ // tcb.createAsync(BlockContainerComponent).then(fixture => {
		93	+ // expect(fixture.debugElement.queryAll("noosfero-profile-image").length).toEqual(1);
		94	+ // done();
		95	+ // });
		96	+ // });
		97	+ //
		98	+ // it("render the settings link", done => {
		99	+ // tcb.createAsync(BlockContainerComponent).then(fixture => {
		100	+ // expect(fixture.debugElement.queryAll(".settings-link").length).toEqual(1);
		101	+ // done();
		102	+ // });
		103	+ // });
37		104
38	});	105	});
39	});	106	});
40	\ No newline at end of file	107	\ No newline at end of file
1	-import {Input, Component} from "ng-forward";	1	+import {Inject, Input, Component} from "ng-forward";
		2	+import {ProfileService} from "./../../../../lib/ng-noosfero-api/http/profile.service";
2		3
3	@Component({	4	@Component({
4	selector: "noosfero-profile-image-block",	5	selector: "noosfero-profile-image-block",
5	templateUrl: 'app/components/noosfero-blocks/profile-image/profile-image.html',	6	templateUrl: 'app/components/noosfero-blocks/profile-image/profile-image.html',
		7	+ providers: [ProfileService]
6	})	8	})
		9	+@Inject(ProfileService)
7	export class ProfileImageBlock {	10	export class ProfileImageBlock {
8		11
9	@Input() block: any;	12	@Input() block: any;
10	@Input() owner: any;	13	@Input() owner: any;
		14	+
		15	+ image: any;
		16	+
		17	+ constructor(private profileService: ProfileService) {
		18	+
		19	+ }
		20	+
		21	+ ngOnInit() {
		22	+ this.profileService.getActivities(null, {}).then((resp:any) => {
		23	+ this.image = resp.data.image;
		24	+ })
		25	+ }
11		26
12	}	27	}
	@@ -1,12 +0,0 @@	@@ -1,12 +0,0 @@
1	-(function() {
2	- 'use strict';
3	-
4	- angular.module('noosferoApp').factory('noosfero', function(Restangular, $q) {
5	- var currentProfile = $q.defer();
6	-
7	- return {
8	- currentProfile: currentProfile.promise,
9	- setCurrentProfile: function(profile) { currentProfile.resolve(profile) }
10	- }
11	- });
12	-})();
	@@ -28,7 +28,6 @@ NoosferoApp.addConstants("AUTH_EVENTS", AUTH_EVENTS);		@@ -28,7 +28,6 @@ NoosferoApp.addConstants("AUTH_EVENTS", AUTH_EVENTS);
28	NoosferoApp.addConfig(noosferoModuleConfig);	28	NoosferoApp.addConfig(noosferoModuleConfig);
29	NoosferoApp.run(noosferoAngularRunBlock);	29	NoosferoApp.run(noosferoAngularRunBlock);
30		30
31	-require("./components/noosfero/noosfero.service.js");
32	require("./components/noosfero/profile-image/profile-image.component.js");	31	require("./components/noosfero/profile-image/profile-image.component.js");
33		32
34	NoosferoApp.addConfig(routeConfig);	33	NoosferoApp.addConfig(routeConfig);
@@ -0,0 +1,58 @@		@@ -0,0 +1,58 @@
	1	+import {quickCreateComponent} from "../../spec/helpers";
	2	+import {ProfileHome} from "./profile-home.component";
	3	+
	4	+describe("Components", () => {
	5	+ describe("Profile Home Component", () => {
	6	+
	7	+ let $rootScope: ng.IRootScopeService;
	8	+ let $q: ng.IQService;
	9	+ let homePageResponse: ng.IDeferred<any>;
	10	+ let profileServiceMock: any;
	11	+ let $state: any;
	12	+
	13	+ beforeEach(inject((_$rootScope_: ng.IRootScopeService, _$q_: ng.IQService) => {
	14	+ $rootScope = _$rootScope_;
	15	+ $q = _$q_;
	16	+ }));
	17	+
	18	+ beforeEach(() => {
	19	+ $state = jasmine.createSpyObj("$state", ["transitionTo"]);
	20	+ profileServiceMock = jasmine.createSpyObj("profileServiceMock", ["getCurrentProfile", "getHomePage"]);
	21	+
	22	+ let currentProfileResponse = $q.defer();
	23	+ currentProfileResponse.resolve({ identifier: "profile" });
	24	+ homePageResponse = $q.defer();
	25	+
	26	+ profileServiceMock.getCurrentProfile = jasmine.createSpy("getCurrentProfile").and.returnValue(currentProfileResponse.promise);
	27	+ profileServiceMock.getHomePage = jasmine.createSpy("getHomePage").and.returnValue(homePageResponse.promise);
	28	+ });
	29	+
	30	+ it("transition to profile homepage when there is a homepage setted", done => {
	31	+ homePageResponse.resolve({ data: { article: { path: "something" } } });
	32	+
	33	+ let component: ProfileHome = new ProfileHome(profileServiceMock, $state);
	34	+ $rootScope.$apply();
	35	+ expect(profileServiceMock.getCurrentProfile).toHaveBeenCalled();
	36	+ expect(profileServiceMock.getHomePage).toHaveBeenCalled();
	37	+
	38	+ expect($state.transitionTo).
	39	+ toHaveBeenCalledWith("main.profile.page",
	40	+ { page: "something", profile: "profile" }, { location: false });
	41	+ done();
	42	+ });
	43	+
	44	+ it("transition to profile info page when there is no homepage setted", done => {
	45	+ homePageResponse.resolve({ data: {} });
	46	+
	47	+ let component: ProfileHome = new ProfileHome(profileServiceMock, $state);
	48	+ $rootScope.$apply();
	49	+ expect(profileServiceMock.getCurrentProfile).toHaveBeenCalled();
	50	+ expect(profileServiceMock.getHomePage).toHaveBeenCalled();
	51	+
	52	+ expect($state.transitionTo).
	53	+ toHaveBeenCalledWith("main.profile.info",
	54	+ { profile: "profile" }, { location: false });
	55	+ done();
	56	+ });
	57	+ });
	58	+});
@@ -0,0 +1,47 @@		@@ -0,0 +1,47 @@
	1	+import {quickCreateComponent} from "../../spec/helpers";
	2	+import {Profile} from "./profile.component";
	3	+
	4	+describe("Components", () => {
	5	+ describe("Profile Component", () => {
	6	+
	7	+ let $rootScope: ng.IRootScopeService;
	8	+ let $q: ng.IQService;
	9	+ let profileServiceMock: any;
	10	+ let $stateParams: any;
	11	+
	12	+ beforeEach(inject((_$rootScope_: ng.IRootScopeService, _$q_: ng.IQService) => {
	13	+ $rootScope = _$rootScope_;
	14	+ $q = _$q_;
	15	+ }));
	16	+
	17	+ beforeEach(() => {
	18	+ $stateParams = jasmine.createSpyObj("$stateParams", ["profile"]);
	19	+ profileServiceMock = jasmine.createSpyObj("profileServiceMock", ["getByIdentifier", "getBoxes", "setCurrentProfile"]);
	20	+
	21	+ let getByIdentifierResponse = $q.defer();
	22	+ getByIdentifierResponse.resolve({ data: [{ id: 1 }] });
	23	+ let getBoxesResponse = $q.defer();
	24	+ getBoxesResponse.resolve({ data: { boxes: [{ id: 2 }] } });
	25	+
	26	+ profileServiceMock.getByIdentifier = jasmine.createSpy("getByIdentifier").and.returnValue(getByIdentifierResponse.promise);
	27	+ profileServiceMock.getBoxes = jasmine.createSpy("getBoxes").and.returnValue(getBoxesResponse.promise);
	28	+ });
	29	+
	30	+ it("get the profile and store in profile service", done => {
	31	+ let component: Profile = new Profile(profileServiceMock, $stateParams);
	32	+ $rootScope.$apply();
	33	+ expect(profileServiceMock.getByIdentifier).toHaveBeenCalled();
	34	+ expect(profileServiceMock.setCurrentProfile).toHaveBeenCalled();
	35	+ expect(component.profile).toEqual({ id: 1 });
	36	+ done();
	37	+ });
	38	+
	39	+ it("get the profile boxes", done => {
	40	+ let component: Profile = new Profile(profileServiceMock, $stateParams);
	41	+ $rootScope.$apply();
	42	+ expect(profileServiceMock.getBoxes).toHaveBeenCalled();
	43	+ expect(component.boxes).toEqual([{ id: 2 }]);
	44	+ done();
	45	+ });
	46	+ });
	47	+});
@@ -0,0 +1,76 @@		@@ -0,0 +1,76 @@
	1	+import {Article} from "../../../app/models/interfaces";
	2	+import {ArticleService} from "./article.service";
	3	+
	4	+
	5	+describe("Services", () => {
	6	+
	7	+ describe("Article Service", () => {
	8	+
	9	+ let $httpBackend: ng.IHttpBackendService;
	10	+ let articleService: ArticleService;
	11	+
	12	+ beforeEach(angular.mock.module("noosferoApp"));
	13	+
	14	+ beforeEach(inject((_$httpBackend_: ng.IHttpBackendService, _ArticleService_: ArticleService) => {
	15	+ $httpBackend = _$httpBackend_;
	16	+ articleService = _ArticleService_;
	17	+ }));
	18	+
	19	+
	20	+ describe("Succesfull requests", () => {
	21	+
	22	+ it("should return article children", (done) => {
	23	+ let articleId = 1;
	24	+ $httpBackend.expectGET(`/api/v1/articles/${articleId}/children`).respond(200, { articles: [{ name: "article1" }] });
	25	+ articleService.getChildren(articleId).then((response: restangular.IResponse) => {
	26	+ expect(response.data.articles).toEqual([{ name: "article1" }]);
	27	+ done();
	28	+ });
	29	+ $httpBackend.flush();
	30	+ });
	31	+
	32	+ it("should get articles by profile", (done) => {
	33	+ let profileId = 1;
	34	+ $httpBackend.expectGET(`/api/v1/profiles/${profileId}/articles`).respond(200, { articles: [{ name: "article1" }] });
	35	+ articleService.getByProfile(profileId).then((response: restangular.IResponse) => {
	36	+ expect(response.data.articles).toEqual([{ name: "article1" }]);
	37	+ done();
	38	+ });
	39	+ $httpBackend.flush();
	40	+ });
	41	+
	42	+ it("should get articles by profile with additional filters", (done) => {
	43	+ let profileId = 1;
	44	+ $httpBackend.expectGET(`/api/v1/profiles/${profileId}/articles?path=test`).respond(200, { articles: [{ name: "article1" }] });
	45	+ articleService.getByProfile(profileId, { path: 'test' }).then((response: restangular.IResponse) => {
	46	+ expect(response.data.articles).toEqual([{ name: "article1" }]);
	47	+ done();
	48	+ });
	49	+ $httpBackend.flush();
	50	+ });
	51	+
	52	+ it("should get article children with additional filters", (done) => {
	53	+ let articleId = 1;
	54	+ $httpBackend.expectGET(`/api/v1/articles/${articleId}/children?path=test`).respond(200, { articles: [{ name: "article1" }] });
	55	+ articleService.getChildren(articleId, { path: 'test' }).then((response: restangular.IResponse) => {
	56	+ expect(response.data.articles).toEqual([{ name: "article1" }]);
	57	+ done();
	58	+ });
	59	+ $httpBackend.flush();
	60	+ });
	61	+
	62	+ it("should create an article in a profile", (done) => {
	63	+ let profileId = 1;
	64	+ let article: Article = { id: null };
	65	+ $httpBackend.expectPOST(`/api/v1/profiles/${profileId}/articles`, { article: article }).respond(200, { articles: [{ id: 2 }] });
	66	+ articleService.create(profileId, article).then((response: restangular.IResponse) => {
	67	+ expect(response.data.articles).toEqual([{ id: 2 }]);
	68	+ done();
	69	+ });
	70	+ $httpBackend.flush();
	71	+ });
	72	+ });
	73	+
	74	+
	75	+ });
	76	+});