Download as
Browse Code »

Commit e8918c1033e9bae4836437c5a5f0dbe04c43e420

Authored by Victor Costa
1 parent e757c2bb
Exists in master and in 1 other branch dev-fixes

Add tests to comments component

Showing 7 changed files with 59 additions and 7 deletions   Show diff stats
src/app/article/article.html
  Diff comments   View file @e8918c1
@@ -21,5 +21,5 @@ @@ -21,5 +21,5 @@
21 <div ng-bind-html="ctrl.article.body"></div> 21 <div ng-bind-html="ctrl.article.body"></div>
22 </div> 22 </div>
23 23
24 - <comments [article]="ctrl.article"></comments> 24 + <noosfero-comments [article]="ctrl.article"></noosfero-comments>
25 </div> 25 </div>
src/app/article/comment/comment.component.ts
  Diff comments   View file @e8918c1
1 import { Input, Component } from 'ng-forward'; 1 import { Input, Component } from 'ng-forward';
2 2
3 @Component({ 3 @Component({
4 - selector: 'comment', 4 + selector: 'noosfero-comment',
5 templateUrl: 'app/article/comment/comment.html' 5 templateUrl: 'app/article/comment/comment.html'
6 }) 6 })
7 export class CommentComponent { 7 export class CommentComponent {
src/app/article/comment/comment.html
  Diff comments   View file @e8918c1
@@ -20,6 +20,6 @@ @@ -20,6 +20,6 @@
20 <div class="body">{{ctrl.comment.body}}</div> 20 <div class="body">{{ctrl.comment.body}}</div>
21 </div> 21 </div>
22 22
23 - <post-comment ng-if="ctrl.showReply" [article]="ctrl.article" [reply-of]="ctrl.comment"></post-comment> 23 + <noosfero-post-comment ng-if="ctrl.showReply" [article]="ctrl.article" [reply-of]="ctrl.comment"></noosfero-post-comment>
24 24
25 </div> 25 </div>
src/app/article/comment/comments.component.spec.ts 0 → 100644
  Diff comments   View file @e8918c1
@@ -0,0 +1,52 @@ @@ -0,0 +1,52 @@
  1 +import {Provider, provide, Component} from 'ng-forward';
  2 +import * as helpers from "../../../spec/helpers";
  3 +
  4 +import {CommentsComponent} from './comments.component';
  5 +
  6 +const htmlTemplate: string = '<noosfero-comments [article]="ctrl.article"></noosfero-comments>';
  7 +
  8 +describe("Components", () => {
  9 + describe("Comments Component", () => {
  10 +
  11 + beforeEach(angular.mock.module("templates"));
  12 +
  13 + let commentService = jasmine.createSpyObj("commentService", ["getByArticle"]);
  14 +
  15 + let comments = [{ id: 2 }, { id: 3 }];
  16 + commentService.getByArticle = jasmine.createSpy("getByArticle")
  17 + .and.returnValue(helpers.mocks.promiseResultTemplate({ data: comments }));
  18 +
  19 + let providers = [
  20 + new Provider('CommentService', { useValue: commentService }),
  21 + new Provider('NotificationService', { useValue: helpers.mocks.notificationService })
  22 + ].concat(helpers.provideFilters("translateFilter"));
  23 +
  24 + @Component({ selector: 'test-container-component', directives: [CommentsComponent], template: htmlTemplate, providers: providers })
  25 + class ContainerComponent {
  26 + article = { id: 1 };
  27 + }
  28 +
  29 + it("render comments associated to an article", done => {
  30 + helpers.createComponentFromClass(ContainerComponent).then(fixture => {
  31 + expect(fixture.debugElement.queryAll("noosfero-comment").length).toEqual(2);
  32 + done();
  33 + });
  34 + });
  35 +
  36 + it("render a post comment tag", done => {
  37 + helpers.createComponentFromClass(ContainerComponent).then(fixture => {
  38 + expect(fixture.debugElement.queryAll("noosfero-post-comment").length).toEqual(1);
  39 + done();
  40 + });
  41 + });
  42 +
  43 + it("update comments list when receive an event", done => {
  44 + helpers.createComponentFromClass(ContainerComponent).then(fixture => {
  45 + fixture.debugElement.getLocal("$rootScope").$emit("comment.received", {});
  46 + expect(fixture.debugElement.queryAll("noosfero-post-comment").length).toEqual(1);
  47 + done();
  48 + });
  49 + });
  50 +
  51 + });
  52 +});
src/app/article/comment/comments.component.ts
  Diff comments   View file @e8918c1
@@ -4,7 +4,7 @@ import { CommentService } from &quot;../../../lib/ng-noosfero-api/http/comment.servic @@ -4,7 +4,7 @@ import { CommentService } from &quot;../../../lib/ng-noosfero-api/http/comment.servic
4 import { CommentComponent } from "./comment.component"; 4 import { CommentComponent } from "./comment.component";
5 5
6 @Component({ 6 @Component({
7 - selector: 'comments', 7 + selector: 'noosfero-comments',
8 templateUrl: 'app/article/comment/comments.html', 8 templateUrl: 'app/article/comment/comments.html',
9 directives: [PostCommentComponent, CommentComponent] 9 directives: [PostCommentComponent, CommentComponent]
10 }) 10 })
src/app/article/comment/comments.html
  Diff comments   View file @e8918c1
1 <div class="comments"> 1 <div class="comments">
2 - <post-comment [article]="ctrl.article"></post-comment> 2 + <noosfero-post-comment [article]="ctrl.article"></noosfero-post-comment>
3 3
4 <div class="comments-list"> 4 <div class="comments-list">
5 - <comment ng-repeat="comment in ctrl.comments" [comment]="comment" [article]="ctrl.article"></comment> 5 + <noosfero-comment ng-repeat="comment in ctrl.comments" [comment]="comment" [article]="ctrl.article"></noosfero-comment>
6 </div> 6 </div>
7 </div> 7 </div>
src/app/article/comment/post-comment.component.ts
  Diff comments   View file @e8918c1
@@ -3,7 +3,7 @@ import { CommentService } from &quot;../../../lib/ng-noosfero-api/http/comment.servic @@ -3,7 +3,7 @@ import { CommentService } from &quot;../../../lib/ng-noosfero-api/http/comment.servic
3 import { NotificationService } from "../../shared/services/notification.service"; 3 import { NotificationService } from "../../shared/services/notification.service";
4 4
5 @Component({ 5 @Component({
6 - selector: 'post-comment', 6 + selector: 'noosfero-post-comment',
7 templateUrl: 'app/article/comment/post-comment.html' 7 templateUrl: 'app/article/comment/post-comment.html'
8 }) 8 })
9 @Inject(CommentService, NotificationService, "$rootScope") 9 @Inject(CommentService, NotificationService, "$rootScope")