test: use random e2e test ports (#23541)

* test: use random e2e test ports

* test: use random ng serve ports

(cherry picked from commit 35c4357)

Author: jbedard

packages/angular_devkit/build_angular/src/builders/dev-server/specs/works_spec.ts

@@ -34,7 +34,7 @@ describe('Dev Server Builder', () => {
     expect(output.success).toBe(true);
 
     // When webpack-dev-server doesn't have `contentBase: false`, this will serve the repo README.
-    const response = await fetch('http://localhost:4200/README.md', {
+    const response = await fetch(`http://localhost:${output.port}/README.md`, {
       headers: {
         'Accept': 'text/html',
       },

tests/legacy-cli/e2e/utils/project.ts

@@ -165,9 +165,17 @@ export function useCIDefaults(projectName = 'test-project') {
     const appTargets = project.targets || project.architect;
     appTargets.build.options.progress = false;
     appTargets.test.options.progress = false;
-    // Disable auto-updating webdriver in e2e.
     if (appTargets.e2e) {
+      // Disable auto-updating webdriver in e2e.
       appTargets.e2e.options.webdriverUpdate = false;
+      // Use a random port in e2e.
+      appTargets.e2e.options.port = 0;
+    }
+
+    if (appTargets.serve) {
+      // Use a random port in serve.
+      appTargets.serve.options ??= {};
+      appTargets.serve.options.port = 0;
     }
   });
 }