diff --git a/src/material/tabs/tab-group.html b/src/material/tabs/tab-group.html index 4a5a747fa6b9..27648e3ae6d8 100644 --- a/src/material/tabs/tab-group.html +++ b/src/material/tabs/tab-group.html @@ -1,6 +1,7 @@ diff --git a/src/material/tabs/tab-group.spec.ts b/src/material/tabs/tab-group.spec.ts index 32d5f486f37c..371232caf531 100644 --- a/src/material/tabs/tab-group.spec.ts +++ b/src/material/tabs/tab-group.spec.ts @@ -622,6 +622,23 @@ describe('MDC-based MatTabGroup', () => { jasmine.objectContaining({index: 1}), ); })); + + it('should be able to disable the pagination', fakeAsync(() => { + fixture.componentInstance.disablePagination = true; + fixture.detectChanges(); + tick(); + + for (let i = 0; i < 50; i++) { + fixture.componentInstance.tabs.push({label: `Extra ${i}`, content: ''}); + } + + fixture.detectChanges(); + tick(); + + expect( + fixture.nativeElement.querySelector('.mat-mdc-tab-header-pagination-controls-enabled'), + ).toBeFalsy(); + })); }); describe('async tabs', () => { @@ -1111,7 +1128,8 @@ class SimpleTabsTestApp { + (selectedTabChange)="handleSelection($event)" + [disablePagination]="disablePagination"> {{tab.label}} {{tab.content}} @@ -1128,6 +1146,7 @@ class SimpleDynamicTabsTestApp { selectedIndex: number = 1; focusEvent: any; selectEvent: any; + disablePagination = false; handleFocus(event: any) { this.focusEvent = event; }