fix(table): corrige a exibição do botão de visualizar legenda

criado um tratamento no ciclo DoCheck para quando o container está invisível dentro de tabs.

Fixes DTHFUI-864

Author: Rafaelly

projects/ui/src/lib/components/po-table/po-table-subtitle-footer/po-table-subtitle-footer.component.spec.ts

@@ -61,6 +61,43 @@ describe('PoTableSubtitleFooterComponent:', () => {
       expect(component['removeResizeListener']).toHaveBeenCalled();
     });
 
+    describe('ngDoCheck', () => {
+
+      it(`should call 'toggleShowCompleteSubtitle' and set 'isVisible' to 'true' if 'getContainerSize' returns a value greater than 0
+      and 'isVisible' is  'false'`, () => {
+        component['isVisible'] = false;
+
+        spyOn(component, <any>'getContainerSize').and.returnValue(100);
+        spyOn(component, <any>'toggleShowCompleteSubtitle');
+
+        component.ngDoCheck();
+
+        expect(component['toggleShowCompleteSubtitle']).toHaveBeenCalled();
+        expect(component['isVisible']).toBe(true);
+      });
+
+      it('shouldn`t call `toggleShowCompleteSubtitle` if `isVisible` is `true`', () => {
+        component['isVisible'] = true;
+
+        spyOn(component, <any>'toggleShowCompleteSubtitle');
+
+        component.ngDoCheck();
+
+        expect(component['toggleShowCompleteSubtitle']).not.toHaveBeenCalled();
+      });
+
+      it('shouldn`t call `toggleShowCompleteSubtitle` if `getContainerSize` returns 0', () => {
+        component['isVisible'] = false;
+
+        spyOn(component, <any>'getContainerSize').and.returnValue(0);
+        spyOn(component, <any>'toggleShowCompleteSubtitle');
+
+        component.ngDoCheck();
+
+        expect(component['toggleShowCompleteSubtitle']).not.toHaveBeenCalled();
+      });
+    });
+
     // Teste com problemas intermitentes
     // Uncaught Error: macroTask 'setTimeout': can not transition to 'running', expecting state 'scheduled', was 'notScheduled'.
     // O problema pode estar associada a forma que o componente e está estruturado e o uso do setTimeout.

projects/ui/src/lib/components/po-table/po-table-subtitle-footer/po-table-subtitle-footer.component.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ElementRef, Input, OnDestroy, Renderer2 } from '@angular/core';
+import { AfterViewInit, Component, DoCheck, ElementRef, Input, OnDestroy, Renderer2 } from '@angular/core';
 
 import { PoTableSubtitleColumn } from './po-table-subtitle-column.interface';
 
@@ -13,10 +13,11 @@ import { PoTableSubtitleColumn } from './po-table-subtitle-column.interface';
   selector: 'po-table-subtitle-footer',
   templateUrl: './po-table-subtitle-footer.component.html'
 })
-export class PoTableSubtitleFooterComponent implements AfterViewInit, OnDestroy {
+export class PoTableSubtitleFooterComponent implements AfterViewInit, DoCheck, OnDestroy {
 
   showSubtitle: boolean;
 
+  private isVisible: boolean;
   private timeoutResize;
   protected resizeListener: () => void;
 
@@ -33,6 +34,15 @@ export class PoTableSubtitleFooterComponent implements AfterViewInit, OnDestroy
     this.debounceResize();
   }
 
+  ngDoCheck() {
+
+    if (!this.isVisible && this.getContainerSize() > 0) {
+      this.toggleShowCompleteSubtitle();
+      this.isVisible = true;
+    }
+
+  }
+
   ngOnDestroy() {
     this.removeResizeListener();
   }

projects/ui/src/lib/components/po-table/samples/sample-po-table-airfare/sample-po-table-airfare.component.ts

@@ -14,7 +14,7 @@ import { SamplePoTableAirfareService } from './sample-po-table-airfare.service';
 @Component({
   selector: 'sample-po-table-airfare',
   templateUrl: './sample-po-table-airfare.component.html',
-  providers: [ SamplePoTableAirfareService ]
+  providers: [ SamplePoTableAirfareService, PoDialogService ]
 })
 export class SamplePoTableAirfareComponent {