test(input): fix failing tests

Author: ViktorSlavov

projects/igniteui-angular/migrations/update-12_0_0/index.spec.ts

@@ -1699,4 +1699,30 @@ export class HGridMultiRowDragComponent {
     `
         );
     });
+
+    it('Should move disabled attribute w/ no value to igxInput', async () => {
+        appTree.create(
+            `/testSrc/appPrefix/component/test.component.html`,
+            `
+    <igx-input-group disabled>
+        <input igxInput [(ngModel)]="name">
+    </igx-input-group>
+    `
+        );
+
+        const tree = await schematicRunner
+            .runSchematicAsync(migrationName, {}, appTree)
+            .toPromise();
+// this is the expected output
+// putting just the disabled attribute on an igx-input-group is an invalid scenario
+        expect(
+            tree.readContent('/testSrc/appPrefix/component/test.component.html')
+        ).toEqual(
+            `
+    <igx-input-group disabled>
+        <input igxInput [(ngModel)]="name" disabled>
+    </igx-input-group>
+    `
+        );
+    });
 });

projects/igniteui-angular/migrations/update-12_0_0/index.ts

@@ -493,8 +493,12 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
                             const matches = repTxt.match(/\/?>/g);
                             // should always be only 1 match
                             const lastIndex = repTxt.indexOf(matches[0]);
+                            let property =`${attr.name}`;
+                            if (attr.name === INPUT_GROUP_CHANGES.ATTRIBUTES[0] || attr.value) {
+                                property += `="${attr.value}"`;
+                            }
                             const addedAttr =
-                                `${repTxt.substring(0, lastIndex)} ${attr.name}="${attr.value}"${repTxt.substring(lastIndex)}`;
+                                `${repTxt.substring(0, lastIndex)} ${property}${repTxt.substring(lastIndex)}`;
                             addChange(file.url, new FileChange(startTag.start, addedAttr, repTxt, 'replace'));
                         });
                     }

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

@@ -353,8 +353,8 @@ const testInputGroupType = (type: IgxInputGroupType, component: IgxInputGroupCom
 };
 
 @Component({
-    template: `<igx-input-group #igxInputGroup [disabled]="disabled">
-                    <input igxInput />
+    template: `<igx-input-group #igxInputGroup>
+                    <input igxInput [disabled]="disabled"/>
                 </igx-input-group>`
 })
 class InputGroupDisabledComponent {
@@ -368,22 +368,25 @@ class InputGroupDisabledComponent {
 }
 
 @Component({
-    template: `<igx-input-group #igxInputGroup disabled>
-                    <input igxInput />
+    template: `<igx-input-group #igxInputGroup>
+                    <input igxInput disabled/>
                 </igx-input-group>`
 })
 class InputGroupDisabledWithoutValueComponent {
     @ViewChild('igxInputGroup')
     public igxInputGroup: IgxInputGroupComponent;
 
+    @ViewChild(IgxInputDirective)
+    public inputDir: IgxInputDirective;
+
     public changeDisableState() {
-        this.igxInputGroup.disabled = !this.igxInputGroup.disabled;
+        this.inputDir.disabled = !this.inputDir.disabled;
     }
 }
 
 @Component({
-    template: `<igx-input-group #igxInputGroup [disabled]="disabled">
-                    <input igxInput />
+    template: `<igx-input-group #igxInputGroup>
+                    <input igxInput [disabled]="disabled"/>
                 </igx-input-group>`
 })
 class InputGroupDisabledByDefaultComponent {