diff --git a/src/lib/slide-toggle/slide-toggle.html b/src/lib/slide-toggle/slide-toggle.html index 6bcd73b860a..b1124d56ab9 100644 --- a/src/lib/slide-toggle/slide-toggle.html +++ b/src/lib/slide-toggle/slide-toggle.html @@ -3,12 +3,14 @@ [class.mat-slide-toggle-bar-no-side-margin]="!labelContent.textContent || !labelContent.textContent.trim()"> { it('should correctly update the checked property', () => { expect(slideToggle.checked).toBeFalsy(); + expect(inputElement.getAttribute('aria-checked')).toBe('false'); testComponent.slideChecked = true; fixture.detectChanges(); expect(inputElement.checked).toBeTruthy(); + expect(inputElement.getAttribute('aria-checked')).toBe('true'); }); it('should set the toggle to checked on click', () => { expect(slideToggle.checked).toBe(false); + expect(inputElement.getAttribute('aria-checked')).toBe('false'); expect(slideToggleElement.classList).not.toContain('mat-checked'); labelElement.click(); @@ -118,6 +121,7 @@ describe('MatSlideToggle without forms', () => { expect(slideToggleElement.classList).toContain('mat-checked'); expect(slideToggle.checked).toBe(true); + expect(inputElement.getAttribute('aria-checked')).toBe('true'); }); it('should not trigger the click event multiple times', () => {