test(button-group): add test for issue #5765

Author: DiyanDimitrov

projects/igniteui-angular/src/lib/buttonGroup/buttongroup.component.spec.ts

@@ -232,6 +232,25 @@ describe('IgxButtonGroup', () => {
         expect(groupChildren[1].element.nativeElement.classList.contains('igx-button--cosy')).toBe(true, 'Missing density class!');
     });
 
+    it('Button Group - should support tab navigation', () => {
+        const fixture = TestBed.createComponent(InitButtonGroupWithValuesComponent);
+        fixture.detectChanges();
+
+        const buttongroup = fixture.componentInstance.buttonGroup;
+        const groupChildren = buttongroup.buttons;
+
+        for (let i = 0; i < groupChildren.length; i++) {
+            const button = groupChildren[i];
+            expect(button.nativeElement.tagName).toBe('BUTTON');
+
+            if (i < groupChildren.length - 1) {
+                expect(button.nativeElement.tabIndex).toBe(0);
+            } else {
+                expect(button.nativeElement.tabIndex).toBe(-1);
+            }
+        }
+    });
+
 });
 
 @Component({ template: `<igx-buttongroup [values]="buttons"></igx-buttongroup>` })