Test behavior of comment component when article doesn't accept comments

Victor Costa
1 parent 9a88aab0
Showing 2 changed files with 26 additions and 4 deletions Show diff stats
src/app/article/comment/comment.component.spec.ts
src/app/article/comment/comment.html
@@ -7,16 +7,23 @@ const htmlTemplate: string = &#39;&lt;noosfero-comment [article]=&quot;ctrl.article&quot; [commen
 describe("Components", () => {
     describe("Comment Component", () => {
  
-        beforeEach(angular.mock.module("templates"));
+        let properties: any;
  
+        beforeEach(angular.mock.module("templates"));
+        beforeEach(() => {
+            properties = {
+                article: { id: 1, accept_comments: true },
+                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" };
+                article = properties['article'];
+                comment = properties['comment'];
             }
             return helpers.createComponentFromClass(ContainerComponent);
         }
@@ -52,5 +59,20 @@ describe(&quot;Components&quot;, () =&gt; {
                 done();
             });
         });
+
+        it("display reply button", done => {
+            createComponent().then(fixture => {
+                expect(fixture.debugElement.queryAll(".comment .actions .reply").length).toEqual(1);
+                done();
+            });
+        });
+
+        it("not display reply button when accept_comments is false", done => {
+            properties['article']['accept_comments'] = false;
+            createComponent().then(fixture => {
+                expect(fixture.debugElement.queryAll(".comment .actions .reply").length).toEqual(0);
+                done();
+            });
+        });
     });
 });
@@ -18,7 +18,7 @@
     <div class="title">{{ctrl.comment.title}}</div>
     <div class="body">{{ctrl.comment.body}}</div>
     <div class="actions" ng-if="ctrl.displayActions">
-      <a href="#" (click)="ctrl.reply()" class="small text-muted" ng-if="ctrl.article.accept_comments">
+      <a href="#" (click)="ctrl.reply()" class="small text-muted reply" ng-if="ctrl.article.accept_comments">
         {{"comment.reply" | translate}}
       </a>
     </div>
...	...	@@ -7,16 +7,23 @@ const htmlTemplate: string = '<noosfero-comment [article]="ctrl.article" [commen
7	7	describe("Components", () => {
8	8	describe("Comment Component", () => {
9	9
10		- beforeEach(angular.mock.module("templates"));
	10	+ let properties: any;
11	11
	12	+ beforeEach(angular.mock.module("templates"));
	13	+ beforeEach(() => {
	14	+ properties = {
	15	+ article: { id: 1, accept_comments: true },
	16	+ comment: { title: "title", body: "body" }
	17	+ };
	18	+ });
12	19
13	20	function createComponent() {
14	21	let providers = helpers.provideFilters("translateFilter");
15	22
16	23	@Component({ selector: 'test-container-component', directives: [CommentComponent], template: htmlTemplate, providers: providers })
17	24	class ContainerComponent {
18		- article = { id: 1 };
19		- comment = { title: "title", body: "body" };
	25	+ article = properties['article'];
	26	+ comment = properties['comment'];
20	27	}
21	28	return helpers.createComponentFromClass(ContainerComponent);
22	29	}
...	...	@@ -52,5 +59,20 @@ describe("Components", () => {
52	59	done();
53	60	});
54	61	});
	62	+
	63	+ it("display reply button", done => {
	64	+ createComponent().then(fixture => {
	65	+ expect(fixture.debugElement.queryAll(".comment .actions .reply").length).toEqual(1);
	66	+ done();
	67	+ });
	68	+ });
	69	+
	70	+ it("not display reply button when accept_comments is false", done => {
	71	+ properties['article']['accept_comments'] = false;
	72	+ createComponent().then(fixture => {
	73	+ expect(fixture.debugElement.queryAll(".comment .actions .reply").length).toEqual(0);
	74	+ done();
	75	+ });
	76	+ });
55	77	});
56	78	});
...	...
...	...	@@ -18,7 +18,7 @@
18	18	<div class="title">{{ctrl.comment.title}}</div>
19	19	<div class="body">{{ctrl.comment.body}}</div>
20	20	<div class="actions" ng-if="ctrl.displayActions">
21		- <a href="#" (click)="ctrl.reply()" class="small text-muted" ng-if="ctrl.article.accept_comments">
	21	+ <a href="#" (click)="ctrl.reply()" class="small text-muted reply" ng-if="ctrl.article.accept_comments">
22	22	{{"comment.reply" \| translate}}
23	23	</a>
24	24	</div>
...	...