test: duplicate imports are removed

Author: sean-perkins

apps/angular/ionic-angular-standalone/src/app/view-child/view-child.page.ts

@@ -7,7 +7,7 @@ import { IonContent, IonicModule } from '@ionic/angular';
   selector: 'app-view-child',
   templateUrl: './view-child.page.html',
   standalone: true,
-  imports: [IonicModule, CommonModule, FormsModule]
+  imports: [IonicModule, CommonModule, FormsModule],
 })
 export class ViewChildPage implements OnInit {
   /**
@@ -16,7 +16,7 @@ export class ViewChildPage implements OnInit {
   @ViewChild(IonContent)
   content!: IonContent;
 
-  constructor() { }
+  constructor() {}
 
-  ngOnInit() { }
+  ngOnInit() {}
 }

packages/cli/src/angular/migrations/standalone/0002-import-standalone-component.test.ts

@@ -167,6 +167,49 @@ describe("migrateComponents", () => {
       );
     });
 
+    it("should remove duplicate imports from existing declarations", async () => {
+      const project = new Project({ useInMemoryFileSystem: true });
+
+      const component = `
+        import { Component, ViewChild } from "@angular/core";
+        import { IonContent, IonicModule } from "@ionic/angular";
+
+        @Component({
+          selector: 'my-component',
+          template: '<ion-content></ion-content>',
+          standalone: true,
+          imports: [IonicModule]
+        }) 
+        export class MyComponent {
+          @ViewChild(IonContent) content!: IonContent;
+        }
+      `;
+
+      const componentSourceFile = project.createSourceFile(
+        "foo.component.ts",
+        dedent(component),
+      );
+
+      await migrateComponents(project, { dryRun: false });
+
+      expect(dedent(componentSourceFile.getText())).toBe(
+        dedent(`
+        import { Component, ViewChild } from "@angular/core";
+        import { IonContent } from "@ionic/angular/standalone";
+
+        @Component({
+            selector: 'my-component',
+            template: '<ion-content></ion-content>',
+            standalone: true,
+            imports: [IonContent]
+        })
+        export class MyComponent {
+            @ViewChild(IonContent) content!: IonContent;
+        }
+      `),
+      );
+    });
+
     describe("hyperlinks", () => {
       it("should detect and import routerLink used in the template", async () => {
         const project = new Project({ useInMemoryFileSystem: true });