feat(*): adding toast and snackbar migrations

Author: kdinev

projects/igniteui-angular/migrations/update-12_0_0/changes/members.json

@@ -595,6 +595,62 @@
             "definedIn": [
                 "IgxRangePickerComponent"
             ]
+        },
+        {
+            "member": "showing",
+            "replaceWith": "onOpening",
+            "definedIn": [
+                "IgxToastComponent"
+            ]
+        },
+        {
+            "member": "shown",
+            "replaceWith": "onOpened",
+            "definedIn": [
+                "IgxToastComponent"
+            ]
+        },
+        {
+            "member": "hiding",
+            "replaceWith": "onClosing",
+            "definedIn": [
+                "IgxToastComponent"
+            ]
+        },
+        {
+            "member": "hidden",
+            "replaceWith": "onClosed",
+            "definedIn": [
+                "IgxToastComponent"
+            ]
+        },
+        {
+            "member": "show",
+            "replaceWith": "open",
+            "definedIn": [
+                "IgxToastComponent"
+            ]
+        },
+        {
+            "member": "hide",
+            "replaceWith": "close",
+            "definedIn": [
+                "IgxToastComponent"
+            ]
+        },
+        {
+            "member": "show",
+            "replaceWith": "open",
+            "definedIn": [
+                "IgxSnackbarComponent"
+            ]
+        },
+        {
+            "member": "hide",
+            "replaceWith": "close",
+            "definedIn": [
+                "IgxSnackbarComponent"
+            ]
         }
     ]
-}
+}

projects/igniteui-angular/migrations/update-12_0_0/changes/outputs.json

@@ -1200,6 +1200,38 @@
                 "selector": "igx-date-range-picker",
                 "type": "component"
             }
+        },
+        {
+            "name": "showing",
+            "replaceWith": "onOpening",
+            "owner": {
+                "selector": "igx-toast",
+                "type": "component"
+            }
+        },
+        {
+            "name": "shown",
+            "replaceWith": "onOpened",
+            "owner": {
+                "selector": "igx-toast",
+                "type": "component"
+            }
+        },
+        {
+            "name": "hiding",
+            "replaceWith": "onClosing",
+            "owner": {
+                "selector": "igx-toast",
+                "type": "component"
+            }
+        },
+        {
+            "name": "hidden",
+            "replaceWith": "onClosed",
+            "owner": {
+                "selector": "igx-toast",
+                "type": "component"
+            }
         }
     ]
 }

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

@@ -1572,6 +1572,68 @@ export class HGridMultiRowDragComponent {
         const rowComp: this.grid1.gridAPI.get_row_by_index(0) as RowType;
         const treeRowComp: this.gridAPI.get_row_by_index(0) as RowType;
     }
+}`);
+    });
+
+    it('should replace output names in toast', async () => {
+        appTree.create(
+            `/testSrc/appPrefix/component/test.component.html`,
+            `
+    <igx-toast (showing)="method()" (shown)="method()" (hiding)="method()" (hidden)="method()"></igx-toast>
+    `
+        );
+
+        const tree = await schematicRunner
+            .runSchematicAsync(migrationName, {}, appTree)
+            .toPromise();
+
+        expect(
+            tree.readContent('/testSrc/appPrefix/component/test.component.html')
+        ).toEqual(
+            `
+    <igx-toast (onOpening)="method()" (onOpened)="method()" (onClosing)="method()" (onClosed)="method()"></igx-toast>
+    `
+        );
+    });
+
+    it('Should update toast output subscriptions', async () => {
+        pending('set up tests for migrations through lang service');
+        appTree.create(
+            '/testSrc/appPrefix/component/toast.component.ts', `
+import { IgxToastComponent } from 'igniteui-angular';
+import { Component, OnInit, ViewChild } from '@angular/core';
+export class SimpleComponent {
+    @ViewChild('toast', { static: true })
+    public toast: IgxToastComponent;
+
+    public ngOnInit() {
+        this.toast.showing.subscribe();
+        this.toast.shown.subscribe();
+        this.toast.hiding.subscribe();
+        this.toast.hidden.subscribe();
+        this.toast.show();
+        this.toast.hide();
+    }
+}`);
+        const tree = await schematicRunner.runSchematicAsync('migration-20', {}, appTree)
+            .toPromise();
+
+        expect(tree.readContent('/testSrc/appPrefix/component/toast.component.ts'))
+            .toEqual(`
+import { IgxToastComponent } from 'igniteui-angular';
+import { Component, OnInit, ViewChild } from '@angular/core';
+export class SimpleComponent {
+    @ViewChild('toast', { static: true })
+    public toast: IgxToastComponent;
+
+    public ngOnInit() {
+        this.toast.onOpening.subscribe();
+        this.toast.onOpened.subscribe();
+        this.toast.onClosing.subscribe();
+        this.toast.onClosed.subscribe();
+        this.toast.open();
+        this.toast.close();
+    }
 }`);
     });
 });