fix(input-group): add type for upload file button #12871 (#12880)

Author: RivaIvanova

projects/igniteui-angular/src/lib/input-group/input-group.component.html

@@ -22,6 +22,7 @@
     <igx-prefix *ngIf="isFileType" class="igx-input-group__upload-button">
         <button
             igxButton="raised"
+            type="button"
             (click)="uploadButtonHandler()"
             [displayDensity]="displayDensity"
             [disabled]="disabled"

projects/igniteui-angular/src/lib/input-group/input-group.component.spec.ts

@@ -27,6 +27,7 @@ describe('IgxInputGroup', () => {
                 InputGroupBoxComponent,
                 InputGroupBorderComponent,
                 InputGroupSearchComponent,
+                InputGroupFileComponent,
                 InputGroupDisabledComponent,
                 InputGroupDisabledByDefaultComponent,
                 InputGroupCosyDisplayDensityComponent,
@@ -94,6 +95,15 @@ describe('IgxInputGroup', () => {
         testInputGroupType('search', igxInputGroup, inputGroupElement);
     }));
 
+    it('Initializes upload file button with type=\'button\'.', () => {
+        const fixture = TestBed.createComponent(InputGroupFileComponent);
+        fixture.detectChanges();
+
+        const uploadFileButton = fixture.debugElement.query(By.css('button')).nativeElement;
+
+        expect(uploadFileButton.getAttribute('type')).toEqual('button');
+    });
+
     it('Should respect type Token and be able to change input group type programmatically.', fakeAsync(() => {
         const fixture = TestBed.createComponent(InputGroupComponent);
         fixture.detectChanges();
@@ -330,6 +340,13 @@ class InputGroupSearchComponent {
     @ViewChild('igxInputGroup', { static: true }) public igxInputGroup: IgxInputGroupComponent;
 }
 
+@Component({
+    template: `<igx-input-group>
+                    <input igxInput type="file" multiple />
+                </igx-input-group>`
+})
+class InputGroupFileComponent { }
+
 const testInputGroupType = (type: IgxInputGroupType, component: IgxInputGroupComponent, nativeElement: HTMLInputElement) => {
     let isLine = false;
     let isBorder = false;