[ACS-8749] View More tags button no longer shows when all tags are re…

…moved from a node
Alfresco · Sep 16, 2024 · 85f2897 · 85f2897
1 parent db56f03
commit 85f2897
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.html b/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.html
@@ -26,7 +26,7 @@
     <button
         data-automation-id="adf-dynamic-chip-list-view-more-button"
         mat-button
-        [hidden]="!limitChipsDisplayed"
+        [hidden]="chipsToDisplay.length === 0 || !limitChipsDisplayed"
         [style.left.px]="viewMoreButtonLeftOffset"
         [style.top.px]="viewMoreButtonTop"
         class="adf-dynamic-chip-list-view-more-button"

diff --git a/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.spec.ts b/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.spec.ts
@@ -182,7 +182,7 @@ describe('DynamicChipListComponent', () => {
             element.style.maxWidth = '309px';
         });
 
-        afterEach(() =>{
+        afterEach(() => {
             fixture.destroy();
         });
 
@@ -317,5 +317,15 @@ describe('DynamicChipListComponent', () => {
             fixture.detectChanges();
             expect(viewMoreButton.hidden).toBeTrue();
         }));
+
+        it('should not render View more button if there are no chips', fakeAsync(() => {
+            renderChips();
+            component.chips = [];
+            tick();
+            fixture.detectChanges();
+
+            expect(component.chipsToDisplay).toEqual([]);
+            expect(findViewMoreButton().hidden).toBeTrue();
+        }));
     });
 });