fix(combo): Sync aria required with required state

Author: Ivan Kitanov

projects/igniteui-angular/src/lib/combo/combo.common.ts

@@ -1343,6 +1343,7 @@ export abstract class IgxComboBaseDirective implements IgxComboBase, AfterViewCh
     protected manageRequiredAsterisk(): void {
         if (this.ngControl) {
             this.inputGroup.isRequired = this.required;
+            this.comboInput.nativeElement.setAttribute('aria-required', this.required.toString());
         }
     }
 

projects/igniteui-angular/src/lib/combo/combo.component.spec.ts

@@ -3436,8 +3436,11 @@ describe('igxCombo', () => {
                 it('should add/remove asterisk when setting validators dynamically', () => {
                     let inputGroupIsRequiredClass = fixture.debugElement.query(By.css('.' + CSS_CLASS_INPUTGROUP_REQUIRED));
                     let asterisk = window.getComputedStyle(fixture.debugElement.query(By.css('.' + CSS_CLASS_INPUTGROUP_LABEL)).nativeElement, ':after').content;
+                    input = fixture.debugElement.query(By.css(`.${CSS_CLASS_COMBO_INPUTGROUP}`));
                     expect(asterisk).toBe('"*"');
                     expect(inputGroupIsRequiredClass).toBeDefined();
+                    console.log(input.nativeElement);
+                    expect(input.nativeElement.getAttribute('aria-required')).toMatch('true');
 
                     fixture.componentInstance.reactiveForm.controls.townCombo.clearValidators();
                     fixture.componentInstance.reactiveForm.controls.townCombo.updateValueAndValidity();
@@ -3446,6 +3449,7 @@ describe('igxCombo', () => {
                     asterisk = window.getComputedStyle(fixture.debugElement.query(By.css('.' + CSS_CLASS_INPUTGROUP_LABEL)).nativeElement, ':after').content;
                     expect(asterisk).toBe('none');
                     expect(inputGroupIsRequiredClass).toBeNull();
+                    expect(input.nativeElement.getAttribute('aria-required')).toMatch('false');
 
                     fixture.componentInstance.reactiveForm.controls.townCombo.setValidators(Validators.required);
                     fixture.componentInstance.reactiveForm.controls.townCombo.updateValueAndValidity();
@@ -3454,6 +3458,7 @@ describe('igxCombo', () => {
                     asterisk = window.getComputedStyle(fixture.debugElement.query(By.css('.' + CSS_CLASS_INPUTGROUP_LABEL)).nativeElement, ':after').content;
                     expect(asterisk).toBe('"*"');
                     expect(inputGroupIsRequiredClass).toBeDefined();
+                    expect(input.nativeElement.getAttribute('aria-required')).toMatch('true');
                 });
 
                 it('Should update validity state when programmatically setting errors on reactive form controls', fakeAsync(() => {