Commit 28a3d3f6351eb73d98692cc434822770ac538898
1 parent
8fa37152
Exists in
master
and in
34 other branches
added helpe getAngularService to allow get angular services like and
Showing
2 changed files
with
70 additions
and
22 deletions
Show diff stats
src/app/components/noosfero-articles/blog/blog.component.spec.ts
1 | - | |
2 | -import {Input, provide, Component} from 'ng-forward'; | |
3 | -import {ArticleBlog} from './blog.component'; | |
4 | - | |
5 | -import {createComponentFromClass, quickCreateComponent, provideEmptyObjects, createProviderToValue} from "../../../../spec/helpers.ts"; | |
1 | +import { | |
2 | + Input, | |
3 | + provide, | |
4 | + Component | |
5 | +} from 'ng-forward'; | |
6 | +import { | |
7 | + ArticleBlog | |
8 | +} from './blog.component'; | |
9 | + | |
10 | +import { | |
11 | + createComponentFromClass, | |
12 | + quickCreateComponent, | |
13 | + provideEmptyObjects, | |
14 | + createProviderToValue, | |
15 | + getAngularService | |
16 | +} from "../../../../spec/helpers.ts"; | |
6 | 17 | |
7 | 18 | |
8 | 19 | // this htmlTemplate will be re-used between the container components in this spec file |
9 | 20 | const htmlTemplate: string = '<noosfero-blog [article]="ctrl.article" [profile]="ctrl.profile"></noosfero-blog>'; |
10 | 21 | |
11 | -let articleService: { getChildren: Function } = <any>{}; | |
22 | +let articleService: { | |
23 | + getChildren: Function | |
24 | +} = < any > {}; | |
12 | 25 | |
13 | 26 | describe("Blog Component", () => { |
14 | 27 | |
... | ... | @@ -18,7 +31,7 @@ describe("Blog Component", () => { |
18 | 31 | // component Noosfero ArtileView will be load on our tests |
19 | 32 | beforeEach(angular.mock.module("templates")); |
20 | 33 | |
21 | - function promiseResultTemplate(response?: {}) { | |
34 | + function promiseResultTemplate(response ? : {}) { | |
22 | 35 | let thenFuncEmpty = (func: Function) => { |
23 | 36 | // does nothing |
24 | 37 | }; |
... | ... | @@ -57,8 +70,12 @@ describe("Blog Component", () => { |
57 | 70 | providers: [provideEmptyObjects('Restangular'), createProviderToValue('ArticleService', articleService)] |
58 | 71 | }) |
59 | 72 | class BlogContainerComponent { |
60 | - article = { type: 'anyArticleType' }; | |
61 | - profile = { name: 'profile-name' }; | |
73 | + article = { | |
74 | + type: 'anyArticleType' | |
75 | + }; | |
76 | + profile = { | |
77 | + name: 'profile-name' | |
78 | + }; | |
62 | 79 | } |
63 | 80 | |
64 | 81 | createComponentFromClass(BlogContainerComponent).then((fixture) => { |
... | ... | @@ -72,18 +89,23 @@ describe("Blog Component", () => { |
72 | 89 | |
73 | 90 | }); |
74 | 91 | |
92 | + it("get $q service", () => { | |
93 | + let $q = getAngularService<ng.IQService>("$q"); | |
94 | + console.log($q); | |
95 | + }); | |
96 | + | |
75 | 97 | it("verify the blog data", (done: Function) => { |
76 | 98 | |
77 | 99 | // defining a mock result to articleService.getChildren method |
78 | 100 | articleService.getChildren = (article_id: number, filters: {}) => { |
79 | 101 | return promiseResultTemplate({ |
80 | - headers: (headerName: string) => { | |
81 | - return 1; | |
82 | - }, | |
83 | - data: <any>{ | |
84 | - articles: [] | |
85 | - } | |
86 | - }); | |
102 | + headers: (headerName: string) => { | |
103 | + return 1; | |
104 | + }, | |
105 | + data: < any > { | |
106 | + articles: [] | |
107 | + } | |
108 | + }); | |
87 | 109 | }; |
88 | 110 | |
89 | 111 | @Component({ |
... | ... | @@ -93,8 +115,12 @@ describe("Blog Component", () => { |
93 | 115 | providers: [provideEmptyObjects('Restangular'), createProviderToValue('ArticleService', articleService)] |
94 | 116 | }) |
95 | 117 | class BlogContainerComponent { |
96 | - article = { type: 'anyArticleType' }; | |
97 | - profile = { name: 'profile-name' }; | |
118 | + article = { | |
119 | + type: 'anyArticleType' | |
120 | + }; | |
121 | + profile = { | |
122 | + name: 'profile-name' | |
123 | + }; | |
98 | 124 | } |
99 | 125 | |
100 | 126 | createComponentFromClass(BlogContainerComponent).then((fixture) => { |
... | ... | @@ -103,8 +129,8 @@ describe("Blog Component", () => { |
103 | 129 | let articleBlog: BlogContainerComponent = fixture.debugElement.componentViewChildren[0].componentInstance; |
104 | 130 | |
105 | 131 | // check if the component property are the provided by the mocked articleService |
106 | - expect((<any>articleBlog)["posts"]).toEqual([]); | |
107 | - expect((<any>articleBlog)["totalPosts"]).toEqual(1); | |
132 | + expect(( < any > articleBlog)["posts"]).toEqual([]); | |
133 | + expect(( < any > articleBlog)["totalPosts"]).toEqual(1); | |
108 | 134 | |
109 | 135 | |
110 | 136 | // done needs to be called (it isn't really needed, as we can read in |
... | ... | @@ -116,4 +142,4 @@ describe("Blog Component", () => { |
116 | 142 | |
117 | 143 | }); |
118 | 144 | |
119 | 145 | -}); |
146 | +}); | |
120 | 147 | \ No newline at end of file | ... | ... |
src/spec/helpers.ts
1 | 1 | |
2 | 2 | import {ngClass, TestComponentBuilder, ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder'; |
3 | -import {Provider, Input, provide, Component} from 'ng-forward'; | |
3 | +import {Injectable, Inject, Provider, Input, provide, Component} from 'ng-forward'; | |
4 | 4 | import {User, Person} from "./../app/models/interfaces"; |
5 | 5 | |
6 | 6 | |
... | ... | @@ -48,6 +48,28 @@ export function provideFilters(...filters: string[]) { |
48 | 48 | return providers; |
49 | 49 | } |
50 | 50 | |
51 | +/** | |
52 | + * This help function allows get angular services to be used in integration tests | |
53 | + * i.e: '$http', '$q', '$location', etc... | |
54 | + */ | |
55 | +export function getAngularService<T>(angularService: string) { | |
56 | + let tcb: TestComponentBuilder = new TestComponentBuilder(); | |
57 | + | |
58 | + @Component({ | |
59 | + selector: 'helper_get_angular_service', | |
60 | + template: 'not-used', | |
61 | + providers: [] | |
62 | + }) | |
63 | + class AnyService { | |
64 | + constructor() { | |
65 | + | |
66 | + } | |
67 | + } | |
68 | + | |
69 | + let fixture: ComponentFixture = (<any>tcb)["create"](AnyService); | |
70 | + return fixture.debugElement.getLocal(angularService); | |
71 | +} | |
72 | + | |
51 | 73 | export var fixtures = { |
52 | 74 | user: { |
53 | 75 | id: 1, | ... | ... |