Added removed listener to RecentDocuments Block

Carlos Purificação
1 parent aa1e3108
Showing 2 changed files with 34 additions and 4 deletions Show diff stats
src/app/layout/blocks/recent-documents/recent-documents-block.component.spec.ts
src/app/layout/blocks/recent-documents/recent-documents-block.component.ts
@@ -2,6 +2,7 @@ import {TestComponentBuilder} from &#39;ng-forward/cjs/testing/test-component-builde
 import {Provider, Input, provide, Component} from 'ng-forward';
 import {provideFilters} from '../../../../spec/helpers';
 import {RecentDocumentsBlockComponent} from './recent-documents-block.component';
+import * as helpers from "./../../../../spec/helpers";
 const htmlTemplate: string = '<noosfero-recent-documents-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-recent-documents-block>';
@@ -11,11 +12,13 @@ describe(&quot;Components&quot;, () =&gt; {
     describe("Recent Documents Block Component", () => {
         let settingsObj = {};
+        let article = <noosfero.Article>{ name: "article1" };
         let mockedBlockService = {
             getApiContent: (block: noosfero.Block): any => {
-                return Promise.resolve({ articles: [{ name: "article1" }], headers: (name: string) => { return name; } });
+                return Promise.resolve({ articles: [ article ], headers: (name: string) => { return name; } });
             }
         };
+        let articleService: any = helpers.mocks.articleService;
         let profile = { name: 'profile-name' };
         beforeEach(angular.mock.module("templates"));
@@ -28,6 +31,7 @@ describe(&quot;Components&quot;, () =&gt; {
                 new Provider('BlockService', {
                     useValue: mockedBlockService
                 }),
+                new Provider('ArticleService', { useValue: articleService })
             ].concat(provideFilters("truncateFilter", "stripTagsFilter"));
         }
         let componentClass: any = null;
@@ -47,7 +51,7 @@ describe(&quot;Components&quot;, () =&gt; {
         it("get recent documents from the block service", done => {
             tcb.createAsync(getComponent()).then(fixture => {
                 let recentDocumentsBlock: RecentDocumentsBlockComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
-                expect(recentDocumentsBlock.documents).toEqual([{ name: "article1" }]);
+                expect(recentDocumentsBlock.documents).toEqual([ article ]);
                 done();
             });
         });
@@ -61,5 +65,22 @@ describe(&quot;Components&quot;, () =&gt; {
             });
         });
+        it("verify removed article has been removed from list", done => {
+            tcb.createAsync(getComponent()).then(fixture => {
+                let recentDocumentsBlock: RecentDocumentsBlockComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
+                expect(recentDocumentsBlock.documents.length).toEqual(1);
+                simulateRemovedEvent(recentDocumentsBlock);
+                expect(recentDocumentsBlock.documents.length).toEqual(0);
+                done();                
+            })
+        });
+        
+        /**
+         * Simulate the ArticleService ArticleEvent.removed event
+         */
+        function simulateRemovedEvent(recentDocumentsBlock: RecentDocumentsBlockComponent) {
+            recentDocumentsBlock.articleService["notifyArticleRemovedListeners"](article);
+        }
+        
     });
 });
 import {Component, Inject, Input} from "ng-forward";
 import {BlockService} from "../../../../lib/ng-noosfero-api/http/block.service";
+import {ArticleService} from "./../../../../lib/ng-noosfero-api/http/article.service"
+import {Arrays} from "./../../../../lib/util/arrays"
 @Component({
     selector: "noosfero-recent-documents-block",
     templateUrl: 'app/layout/blocks/recent-documents/recent-documents-block.html'
 })
-@Inject(BlockService, "$state")
+@Inject(BlockService, "$state", ArticleService)
 export class RecentDocumentsBlockComponent {
     @Input() block: any;
@@ -15,7 +17,7 @@ export class RecentDocumentsBlockComponent {
     documents: any;
     documentsLoaded: boolean = false;
-    constructor(private blockService: BlockService, private $state: any) { }
+    constructor(private blockService: BlockService, private $state: any, public articleService: ArticleService) { }
     ngOnInit() {
         this.profile = this.owner;
@@ -24,7 +26,14 @@ export class RecentDocumentsBlockComponent {
             this.documents = content.articles;
             this.documentsLoaded = true;
         });
+        this.watchArticles();
     }
+    
+    watchArticles() {
+        this.articleService.subscribeToArticleRemoved((article: noosfero.Article) => {
+            Arrays.remove(this.documents, article);
+        });
+    }    
     openDocument(article: any) {
         this.$state.go("main.profile.page", { page: article.path, profile: article.profile.identifier });