Merge pull request #7239 from IgniteUI/SIvanova/migrate-toast-message

chore(toast): migrate toast message property to text content

Author: simeonoff

projects/igniteui-angular/migrations/update-9_1_0/changes/inputs.json

@@ -8,6 +8,14 @@
                 "selector": "igx-input-group",
                 "type": "component"
             }
+        },
+        {
+            "name": "message",
+            "moveBetweenElementTags": true,
+            "owner": {
+                "selector": "igx-toast",
+                "type": "component"
+           }
         }
     ]
 }

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

@@ -41,4 +41,18 @@ describe('Update 9.1.0', () => {
 
         done();
     });
+
+    it('should move igx-toast message property between element tags', done => {
+        appTree.create(
+            `/testSrc/appPrefix/component/input.component.html`,
+            '<igx-toast message="test message"></igx-toast>'
+        );
+
+        const tree = schematicRunner.runSchematic('migration-15', {}, appTree);
+
+        expect(tree.readContent('/testSrc/appPrefix/component/input.component.html'))
+        .toEqual('<igx-toast>test message</igx-toast>');
+
+        done();
+    });
 });

projects/igniteui-angular/src/lib/toast/toast.component.html

@@ -1,5 +1,3 @@
-<div #content>
-    <ng-content></ng-content>
-</div>
-<span *ngIf="content.childNodes.length == 0">{{ message }}</span>
+<ng-content></ng-content>
+<span>{{ message }}</span>
 

projects/igniteui-angular/src/lib/toast/toast.component.ts

@@ -192,17 +192,8 @@ export class IgxToastComponent implements IToggleView, OnInit, OnDestroy {
     public isVisibleChange = new EventEmitter<boolean>();
 
     /**
-     * @deprecated Place your message in the toast content instead.
-     * Sets/gets the message that will be shown by the toast.
-     * ```html
-     * <igx-toast [message] = "Notification"></igx-toast>
-     * ```
-     * ```typescript
-     * let toastMessage = this.toast.message;
-     * ```
-     * @memberof IgxToastComponent
+     * @hidden
      */
-    @DeprecateProperty(`'message' @Input property is deprecated. Place your message in the toast content instead.`)
     @Input()
     public message = '';