feat(navbar): Adding 10_1_0 migrations #7377

Author: astaev

projects/igniteui-angular/migrations/migration-collection.json

@@ -75,6 +75,11 @@
             "version": "9.1.0",
             "description": "Updates Ignite UI for Angular from v9.0.x to v9.1.0",
             "factory": "./update-9_1_0"
+        },
+        "migration-16": {
+            "version": "10.1.0",
+            "description": "Updates Ignite UI for Angular from v9.0.x to v10.1.0",
+            "factory": "./update-10_1_0"
         }
     }
 }

…ations/update-9_1_0/changes/classes.json …tions/update-10_1_0/changes/classes.jsonprojects/igniteui-angular/migrations/update-9_1_0/changes/classes.json renamed to projects/igniteui-angular/migrations/update-10_1_0/changes/classes.json projects/igniteui-angular/migrations/update-9_1_0/changes/classes.json renamed to projects/igniteui-angular/migrations/update-10_1_0/changes/classes.json

@@ -3,8 +3,8 @@
     "changes": [
         {
             "type": "component",
-            "selector": "<igx-action-icon>",
-            "replaceWith": "<igx-navbar-action>"
+            "selector": "igx-action-icon",
+            "replaceWith": "igx-navbar-action"
         }
     ]
 }

…ions/update-9_1_0/changes/selectors.json …ons/update-10_1_0/changes/selectors.jsonprojects/igniteui-angular/migrations/update-9_1_0/changes/selectors.json renamed to projects/igniteui-angular/migrations/update-10_1_0/changes/selectors.json projects/igniteui-angular/migrations/update-9_1_0/changes/selectors.json renamed to projects/igniteui-angular/migrations/update-10_1_0/changes/selectors.json

@@ -0,0 +1,68 @@
+import * as path from 'path';
+
+// tslint:disable:no-implicit-dependencies
+import { virtualFs } from '@angular-devkit/core';
+import { EmptyTree } from '@angular-devkit/schematics';
+// tslint:disable-next-line:no-submodule-imports
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+
+describe('Update 10.1.0', () => {
+    let appTree: UnitTestTree;
+    const schematicRunner = new SchematicTestRunner('ig-migrate', path.join(__dirname, '../migration-collection.json'));
+    const configJson = {
+        defaultProject: 'testProj',
+        projects: {
+            testProj: {
+                sourceRoot: '/testSrc'
+            }
+        },
+        schematics: {
+            '@schematics/angular:component': {
+                prefix: 'appPrefix'
+            }
+        }
+    };
+
+    beforeEach(() => {
+        appTree = new UnitTestTree(new EmptyTree());
+        appTree.create('/angular.json', JSON.stringify(configJson));
+    });
+
+    it('should upgrade the igx-action-icon to igx-navbar-action', async () => {
+        appTree.create(
+            '/testSrc/appPrefix/component/custom.component.html',
+            `<igx-navbar title="Test title">
+            <igx-action-icon>
+            <igx-icon>arrow_back</igx-icon>
+            </igx-action-icon>
+            </igx-navbar>`);
+        const tree = await schematicRunner.runSchematicAsync('migration-16', {}, appTree)
+            .toPromise();
+
+        expect(tree.readContent('/testSrc/appPrefix/component/custom.component.html'))
+            .toEqual(
+            `<igx-navbar title="Test title">
+            <igx-navbar-action>
+            <igx-icon>arrow_back</igx-icon>
+            </igx-navbar-action>
+            </igx-navbar>`);
+    });
+
+    it('should update IgxActionIconDirective to IgxNavbarActionDirective', async () => {
+        appTree.create('/testSrc/appPrefix/component/custom.component.ts',
+            `import { IgxActionIconDirective } from 'igniteui-angular';
+            export class TestNavbar {
+            @ViewChild(IgxActionIconDirective, { read: IgxActionIconDirective })
+            private actionIcon: IgxActionIconDirective; }`);
+
+        const tree = await schematicRunner.runSchematicAsync('migration-16', {}, appTree).toPromise();
+
+        expect(tree.readContent('/testSrc/appPrefix/component/custom.component.ts'))
+            .toEqual(
+                `import { IgxNavbarActionDirective } from 'igniteui-angular';
+            export class TestNavbar {
+            @ViewChild(IgxNavbarActionDirective, { read: IgxNavbarActionDirective })
+            private actionIcon: IgxNavbarActionDirective; }`);
+    });
+
+});

projects/igniteui-angular/migrations/update-10_1_0/index.spec.ts

@@ -0,0 +1,17 @@
+import {
+    Rule,
+    SchematicContext,
+    Tree
+} from '@angular-devkit/schematics';
+import { UpdateChanges, InputPropertyType, BoundPropertyObject } from '../common/UpdateChanges';
+
+const version = '10.1.0';
+
+export default function (): Rule {
+    return (host: Tree, context: SchematicContext) => {
+        context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+
+        const update = new UpdateChanges(__dirname, host, context);
+        update.applyChanges();
+    };
+}