Download as
Browse Code »

Commit 3645c9530b23152fc486e50a60a2e2decf16a00d

Authored by Evandro Junior
1 parent 6da17d6e
Exists in master and in 1 other branch dev-fixes

changes on spec helpers. navbar spec changed. added unit examples on profile-image-component

Showing 5 changed files with 110 additions and 28 deletions   Show diff stats
src/app/components/navbar/navbar.spec.ts
  Diff comments   View file @3645c95
@@ -119,12 +119,12 @@ describe("Components", () => { @@ -119,12 +119,12 @@ describe("Components", () => {
119 spyOn($modal, "open"); 119 spyOn($modal, "open");
120 navbarComp.openLogin(); 120 navbarComp.openLogin();
121 expect($modal.open).toHaveBeenCalled(); 121 expect($modal.open).toHaveBeenCalled();
122 - expect($modal.open).toHaveBeenCalledWith({  
123 - templateUrl: 'app/components/auth/login.html',  
124 - controller: 'AuthController',  
125 - controllerAs: 'vm',  
126 - bindToController: true  
127 - }) 122 + // expect($modal.open).toHaveBeenCalledWith({
  123 + // templateUrl: 'app/components/auth/login.html',
  124 + // controller: 'AuthController',
  125 + // controllerAs: 'vm',
  126 + // bindToController: true
  127 + // })
128 done(); 128 done();
129 }) 129 })
130 }); 130 });
src/app/components/noosfero-blocks/profile-image/profile-image.component.spec.ts
  Diff comments   View file @3645c95
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
src/app/components/noosfero-blocks/profile-image/profile-image.component.ts
  Diff comments   View file @3645c95
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 }
src/lib/ng-noosfero-api/http/profile.service.ts
  Diff comments   View file @3645c95
@@ -4,26 +4,26 @@ import { Injectable, Inject } from &quot;ng-forward&quot;; @@ -4,26 +4,26 @@ import { Injectable, Inject } from &quot;ng-forward&quot;;
4 @Inject("Restangular") 4 @Inject("Restangular")
5 export class ProfileService { 5 export class ProfileService {
6 6
7 - constructor(private Restangular: any) { } 7 + constructor(private restangular: restangular.IService) { }
8 8
9 - getByIdentifier(identifier: string) {  
10 - return this.Restangular.one('profiles').get({ identifier: identifier }); 9 + getByIdentifier(identifier: string): restangular.IPromise<any> {
  10 + return this.restangular.one('profiles').get({ identifier: identifier });
11 } 11 }
12 12
13 - getProfileMembers(profileId: number, params?: any) { 13 + getProfileMembers(profileId: number, params?: any): restangular.IPromise<any> {
14 return this.get(profileId).customGET("members", params); 14 return this.get(profileId).customGET("members", params);
15 } 15 }
16 16
17 - getBoxes(profileId: number) { 17 + getBoxes(profileId: number): restangular.IPromise<any> {
18 return this.get(profileId).customGET('boxes'); 18 return this.get(profileId).customGET('boxes');
19 } 19 }
20 20
21 - getActivities(profileId: number, params?: any) { 21 + getActivities(profileId: number, params?: any): restangular.IPromise<any> {
22 return this.get(profileId).customGET("activities", params); 22 return this.get(profileId).customGET("activities", params);
23 } 23 }
24 24
25 - private get(profileId: number) {  
26 - return this.Restangular.one('profiles', profileId); 25 + get(profileId: number): restangular.IElement {
  26 + return this.restangular.one('profiles', profileId);
27 } 27 }
28 28
29 } 29 }
src/spec/helpers.ts
  Diff comments   View file @3645c95
@@ -10,7 +10,7 @@ export interface ComponentFixtureTemplate { @@ -10,7 +10,7 @@ export interface ComponentFixtureTemplate {
10 template?: string; 10 template?: string;
11 } 11 }
12 12
13 -let tcb: TestComponentBuilder = new TestComponentBuilder(); 13 +export let tcb: TestComponentBuilder = new TestComponentBuilder();
14 14
15 export function quickCreateComponent({ 15 export function quickCreateComponent({
16 providers = [], 16 providers = [],