Merge pull request #14248 from IgniteUI/rivanova/banner-role-14230

feat(banner): add role status

Author: kacheshmarova

projects/igniteui-angular/src/lib/banner/banner.component.html

@@ -1,5 +1,5 @@
 <igx-expansion-panel #expansionPanel [animationSettings]="animationSettings" (contentCollapsed)="onExpansionPanelClose()" (contentExpanded)="onExpansionPanelOpen()"
-    [collapsed]="collapsed" aria-live="polite" [attr.aria-hidden]="collapsed">
+    [collapsed]="collapsed" role="status" aria-live="polite" [attr.aria-hidden]="collapsed">
     <igx-expansion-panel-body>
         <div class="igx-banner">
             <div class="igx-banner__message">

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

@@ -475,6 +475,16 @@ describe('igxBanner', () => {
             expect(banner.elementRef.nativeElement.style.display).toEqual('');
             expect(banner.collapsed).toBeTruthy();
         }));
+
+        it('Should apply the appropriate attributes on initialization', fakeAsync(() => {
+            const fixture = TestBed.createComponent(IgxBannerOneButtonComponent);
+            fixture.detectChanges();
+
+            const panel = fixture.nativeElement.querySelector('.' + CSS_CLASS_EXPANSION_PANEL);
+            expect(panel).not.toBeNull();
+            expect(panel.attributes.getNamedItem('role').nodeValue).toEqual('status');
+            expect(panel.attributes.getNamedItem('aria-live').nodeValue).toEqual('polite');
+        }));
     });
 
     const getBaseClassElements = <T>(fixture: ComponentFixture<T>) => {