diff --git a/src/material/paginator/paginator.html b/src/material/paginator/paginator.html index 2e3e31147518..208966624e56 100644 --- a/src/material/paginator/paginator.html +++ b/src/material/paginator/paginator.html @@ -49,7 +49,8 @@ [matTooltip]="_intl.firstPageLabel" [matTooltipDisabled]="_previousButtonsDisabled()" [matTooltipPosition]="'above'" - [disabled]="_previousButtonsDisabled()"> + [disabled]="_previousButtonsDisabled()" + disabledInteractive> + [disabled]="_previousButtonsDisabled()" + disabledInteractive> + [disabled]="_nextButtonsDisabled()" + disabledInteractive> + [disabled]="_nextButtonsDisabled()" + disabledInteractive> { fixture.detectChanges(); expect(select.disabled).toBe(true); - expect(getPreviousButton(fixture).hasAttribute('disabled')).toBe(true); - expect(getNextButton(fixture).hasAttribute('disabled')).toBe(true); - expect(getFirstButton(fixture).hasAttribute('disabled')).toBe(true); - expect(getLastButton(fixture).hasAttribute('disabled')).toBe(true); + expect(getPreviousButton(fixture).hasAttribute('aria-disabled')).toBe(true); + expect(getNextButton(fixture).hasAttribute('aria-disabled')).toBe(true); + expect(getFirstButton(fixture).hasAttribute('aria-disabled')).toBe(true); + expect(getLastButton(fixture).hasAttribute('aria-disabled')).toBe(true); }); it('should be able to configure the default options via a provider', () => { diff --git a/src/material/paginator/testing/paginator-harness.ts b/src/material/paginator/testing/paginator-harness.ts index a31c7284ad31..448a8a5fda07 100644 --- a/src/material/paginator/testing/paginator-harness.ts +++ b/src/material/paginator/testing/paginator-harness.ts @@ -50,13 +50,13 @@ export class MatPaginatorHarness extends ComponentHarness { /** Returns whether or not the next page button is disabled. */ async isNextPageDisabled(): Promise { - const disabledValue = await (await this._nextButton()).getAttribute('disabled'); + const disabledValue = await (await this._nextButton()).getAttribute('aria-disabled'); return disabledValue == 'true'; } /* Returns whether or not the previous page button is disabled. */ async isPreviousPageDisabled(): Promise { - const disabledValue = await (await this._previousButton()).getAttribute('disabled'); + const disabledValue = await (await this._previousButton()).getAttribute('aria-disabled'); return disabledValue == 'true'; }