comments.component.spec.ts
3.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
import {Provider, provide, Component} from 'ng-forward';
import * as helpers from "../../../spec/helpers";
import {CommentsComponent} from './comments.component';
import {PostCommentComponent} from "./post-comment/post-comment.component";
const htmlTemplate: string = '<noosfero-comments [article]="ctrl.article"></noosfero-comments>';
describe("Components", () => {
describe("Comments Component", () => {
beforeEach(angular.mock.module("templates"));
let commentService = jasmine.createSpyObj("commentService", ["getByArticle"]);
let comments = [{ id: 2 }, { id: 3 }];
commentService.getByArticle = jasmine.createSpy("getByArticle")
.and.returnValue(helpers.mocks.promiseResultTemplate({ data: comments }));
let emitEvent: Function;
let postCommentEventService = {
subscribe: (fn: Function) => {
emitEvent = fn;
}
};
let properties = { article: { id: 1 }, parent: <any>null };
function createComponent() {
// postCommentEventService = jasmine.createSpyObj("postCommentEventService", ["subscribe"]);
let providers = [
helpers.createProviderToValue('CommentService', commentService),
helpers.createProviderToValue('NotificationService', helpers.mocks.notificationService),
helpers.createProviderToValue('SessionService', helpers.mocks.sessionWithCurrentUser({})),
new Provider('PostCommentEventService', { useValue: postCommentEventService })
].concat(helpers.provideFilters("translateFilter"));
return helpers.quickCreateComponent({
providers: providers,
directives: [CommentsComponent],
template: htmlTemplate,
properties: properties
});
}
it("render comments associated to an article", done => {
createComponent().then(fixture => {
expect(fixture.debugElement.queryAll("noosfero-comment").length).toEqual(2);
done();
});
});
it("render a post comment tag", done => {
createComponent().then(fixture => {
expect(fixture.debugElement.queryAll("noosfero-post-comment").length).toEqual(1);
done();
});
});
it("update comments list when receive an reply", done => {
properties.parent = { id: 3 };
createComponent().then(fixture => {
emitEvent(<noosfero.Comment>{ id: 1, reply_of: { id: 3 } });
expect(fixture.debugElement.queryAll("noosfero-comment").length).toEqual(3);
done();
});
});
it("load comments for next page", done => {
createComponent().then(fixture => {
let headers = jasmine.createSpy("headers").and.returnValue(3);
commentService.getByArticle = jasmine.createSpy("getByArticle")
.and.returnValue(helpers.mocks.promiseResultTemplate({ data: { id: 4 }, headers: headers }));
let component: CommentsComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
component.loadNextPage();
expect(component['page']).toEqual(3);
expect(component.comments.length).toEqual(3);
expect(component['total']).toEqual(3);
done();
});
});
it("not display more when there is no more comments to load", done => {
createComponent().then(fixture => {
let component: CommentsComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
component['total'] = 0;
component.parent = null;
expect(component.displayMore()).toBeFalsy();
done();
});
});
});
});