Toggle reply form when clicked from comment component

Victor Costa
1 parent 4b876c39
Showing 2 changed files with 23 additions and 8 deletions Show diff stats
src/app/article/comment/comment.component.spec.ts
src/app/article/comment/comment.component.ts
@@ -2,6 +2,7 @@ import {Provider, provide, Component} from &#39;ng-forward&#39;;
 import * as helpers from "../../../spec/helpers";
 import {CommentComponent} from './comment.component';
+import {PostCommentComponent} from './post-comment/post-comment.component';
 const htmlTemplate: string = '<noosfero-comment [article]="ctrl.article" [comment]="ctrl.comment"></noosfero-comment>';
@@ -10,28 +11,33 @@ describe(&quot;Components&quot;, () =&gt; {
         beforeEach(angular.mock.module("templates"));
-        @Component({ selector: 'test-container-component', directives: [CommentComponent], template: htmlTemplate, providers: helpers.provideFilters("translateFilter") })
-        class ContainerComponent {
-            article = { id: 1 };
-            comment = { title: "title", body: "body" };
+        function createComponent() {
+            let providers = helpers.provideFilters("translateFilter");
+
+            @Component({ selector: 'test-container-component', directives: [CommentComponent], template: htmlTemplate, providers: providers })
+            class ContainerComponent {
+                article = { id: 1 };
+                comment = { title: "title", body: "body" };
+            }
+            return helpers.createComponentFromClass(ContainerComponent);
         }
         it("render a comment", done => {
-            helpers.createComponentFromClass(ContainerComponent).then(fixture => {
+            createComponent().then(fixture => {
                 expect(fixture.debugElement.queryAll(".comment").length).toEqual(1);
                 done();
             });
         });
         it("not render a post comment tag in the beginning", done => {
-            helpers.createComponentFromClass(ContainerComponent).then(fixture => {
+            createComponent().then(fixture => {
                 expect(fixture.debugElement.queryAll("noosfero-post-comment").length).toEqual(0);
                 done();
             });
         });
         it("set show reply to true when click reply", done => {
-            helpers.createComponentFromClass(ContainerComponent).then(fixture => {
+            createComponent().then(fixture => {
                 let component: CommentComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
                 component.reply();
                 expect(component.showReply).toBeTruthy(1);
@@ -39,5 +45,14 @@ describe(&quot;Components&quot;, () =&gt; {
             });
         });
+        it("close form when receive a reply", done => {
+            createComponent().then(fixture => {
+                let component = fixture.debugElement.componentViewChildren[0];
+                component.componentInstance.showReply = true;
+                fixture.debugElement.getLocal("$rootScope").$broadcast(PostCommentComponent.EVENT_COMMENT_RECEIVED, {});
+                expect(component.componentInstance.showReply).toEqual(false);
+                done();
+            });
+        });
     });
 });
@@ -20,6 +20,6 @@ export class CommentComponent {
     }
     reply() {
-        this.showReply = true;
+        this.showReply = !this.showReply;
     }
 }
	@@ -20,6 +20,6 @@ export class CommentComponent {		@@ -20,6 +20,6 @@ export class CommentComponent {
20	}	20	}
21		21
22	reply() {	22	reply() {
23	- this.showReply = true;	23	+ this.showReply = !this.showReply;
24	}	24	}
25	}	25	}