diff --git a/packages/angular/src/generators/mfe-remote/mfe-remote.spec.ts b/packages/angular/src/generators/mfe-remote/mfe-remote.spec.ts index b31337d982625..0a07820bdf970 100644 --- a/packages/angular/src/generators/mfe-remote/mfe-remote.spec.ts +++ b/packages/angular/src/generators/mfe-remote/mfe-remote.spec.ts @@ -77,4 +77,18 @@ describe('MFE Remote App Generator', () => { const project = readProjectConfiguration(tree, 'test'); expect(project.targets.serve.options.port).toEqual(4202); }); + + it('should generate a remote mfe app and automatically find the next port available even when there are no other targets', async () => { + // ARRANGE + const tree = createTreeWithEmptyWorkspace(2); + + // ACT + await mfeRemote(tree, { + name: 'test', + }); + + // ASSERT + const project = readProjectConfiguration(tree, 'test'); + expect(project.targets.serve.options.port).toEqual(4201); + }); }); diff --git a/packages/angular/src/generators/mfe-remote/mfe-remote.ts b/packages/angular/src/generators/mfe-remote/mfe-remote.ts index 8378ce1cc94fe..be5104dd0dbfd 100644 --- a/packages/angular/src/generators/mfe-remote/mfe-remote.ts +++ b/packages/angular/src/generators/mfe-remote/mfe-remote.ts @@ -7,7 +7,7 @@ import { getMfeProjects } from '../../utils/get-mfe-projects'; function findNextAvailablePort(tree: Tree) { const mfeProjects = getMfeProjects(tree); - const ports = new Set(); + const ports = new Set([4200]); for (const mfeProject of mfeProjects) { const { targets } = readProjectConfiguration(tree, mfeProject); const port = targets?.serve?.options?.port ?? 4200;