test(igx-autocomplete): aria and attributes #3585

IgniteUI · Jan 25, 2019 · a7c47fe · a7c47fe
1 parent 71ce2e4
commit a7c47fe
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.spec.ts b/projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.spec.ts
@@ -161,9 +161,19 @@ describe('IgxAutocomplete', () => {
             expect(dropDownAny.scrollContainer.getBoundingClientRect().width)
                 .toEqual(group.element.nativeElement.getBoundingClientRect().width);
         }));
-        it('Aria', fakeAsync(() => {}));
+        it('Aria and attributes', fakeAsync(() => {
+            expect(input.nativeElement.attributes['autocomplete'].value).toMatch('off');
+            expect(input.nativeElement.attributes['role'].value).toMatch('combobox');
+            expect(input.nativeElement.attributes['aria-haspopup'].value).toMatch('listbox');
+            expect(input.nativeElement.attributes['aria-owns'].value).toMatch(dropDown.id);
+            expect(input.nativeElement.attributes['aria-expanded'].value).toMatch('false');
+            UIInteractions.sendInput(input, 's', fixture);
+            fixture.detectChanges();
+            tick();
+            expect(input.nativeElement.attributes['aria-expanded'].value).toMatch('true');
+            this.dropDown.close();
+        }));
         it('ReactiveForm', fakeAsync(() => {}));
-        it('On HTML input', fakeAsync(() => {}));
         it('On textarea', fakeAsync(() => {}));
     });
 

diff --git a/projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.ts b/projects/igniteui-angular/src/lib/directives/autocomplete/autocomplete.directive.ts
@@ -146,7 +146,7 @@ export class IgxAutocompleteDirective extends IgxDropDownItemNavigationDirective
      */
     @HostBinding('attr.aria-owns')
     public get ariaOwns() {
-        return this.id;
+        return this.dropDown.id;
     }
 
     @HostListener('input', ['$event'])