fix(migrations): move disabled property to textarea, #9339

Author: ViktorSlavov

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

@@ -1852,4 +1852,30 @@ export class SimpleComponent {
     `
         );
     });
+
+    it('Should move disabled input group to textarea w/ igxInput', async () => {
+        appTree.create(
+            `/testSrc/appPrefix/component/test.component.html`,
+            `
+    <igx-input-group [disabled]="true">
+        <textarea igxInput [(ngModel)]="name">Some Text</textarea>
+    </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>
+        <textarea igxInput [(ngModel)]="name" [disabled]="true">Some Text</textarea>
+    </igx-input-group>
+    `
+        );
+    });
 });

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

@@ -472,7 +472,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
     const INPUT_GROUP_CHANGES = {
         GROUP_TAG: 'igx-input-group',
         ATTRIBUTES: ['[disabled]', 'disabled'],
-        INPUT_TAG: 'input',
+        INPUT_TAG: ['input', 'textarea'],
         DIRECTIVE: 'igxInput'
     };