fix: adding UT

Author: Patricio Albizu

projects/components/src/paginator/paginator.component.test.ts

@@ -37,7 +37,7 @@ describe('Paginator component', () => {
     });
   });
 
-  test('should have the correct number of pages for the provided page size and total items', () => {
+  test('should hide the pager when totalItems is less than the pageSizeOptions options', () => {
     const spectator = createHost(`<ht-paginator [totalItems]="totalItems"></ht-paginator>`, {
       hostProps: {
         totalItems: totalResults
@@ -110,4 +110,15 @@ describe('Paginator component', () => {
     expect(spectator.query(LabelComponent)?.label).toEqual('1-50 of 50');
     expect(spectator.component.hasNextPage()).toBe(false);
   });
+
+  test('should navigate to first page when totalItems is changed', () => {
+    const spectator = createHost(`<ht-paginator [totalItems]="totalItems"></ht-paginator>`, {
+      hostProps: {
+        totalItems: 20
+      }
+    });
+
+    const paginator = spectator.query('.paginator')!;
+    expect(paginator).toBeUndefined();
+  });
 });

projects/components/src/paginator/paginator.component.ts

@@ -19,7 +19,7 @@ import { PaginationProvider } from './paginator-api';
   styleUrls: ['./paginator.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: `
-    <div class="paginator" *ngIf="this.totalItems && this.totalItems > this.pageSize">
+    <div class="paginator" *ngIf="this.totalItems && this.totalItems > this.pageSizeOptions[0]">
       <ht-label
         class="label"
         label="{{ this.firstItemNumberForPage() }}-{{ this.lastItemNumberForPage() }} of {{ this.totalItems }}"
@@ -59,7 +59,7 @@ import { PaginationProvider } from './paginator-api';
 })
 export class PaginatorComponent implements OnChanges, PaginationProvider {
   @Input()
-  public pageSizeOptions: number[] = [25, 50, 100];
+  public pageSizeOptions: number[] = [];
 
   @Input()
   public set pageIndex(pageIndex: number) {