ci: force dev server host to IPv4 to resolve RBE resolution issues

This is needed to get around an RBE issue

Author: alan-agius4

modules/testing/builder/projects/hello-world-app/angular.json

@@ -103,7 +103,8 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
             "buildTarget": "app:build",
-            "watch": false
+            "watch": false,
+            "host": "127.0.0.1"
           },
           "configurations": {
             "production": {

packages/angular/build/src/builders/dev-server/tests/setup.ts

@@ -62,6 +62,10 @@ export const BASE_OPTIONS = Object.freeze<Schema>({
   buildTarget: 'test:build',
   port: 0,
 
+  // Force an IPv4 address as with RBE there are currently resolution issues with IPv6 addresses.
+  // http://localhost is resolved to IPv6 address with vite and webpack but to IPv4 with node fetch.
+  host: '127.0.0.1',
+
   // Watch is not supported for testing in vite as currently there is no teardown logic to stop the watchers.
   watch: false,
 });

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

@@ -33,7 +33,7 @@ describe('Dev Server Builder ssl', () => {
     runs.push(run);
     const output = (await run.result) as DevServerBuilderOutput;
     expect(output.success).toBe(true);
-    expect(output.baseUrl).toMatch(/^https:\/\/localhost:\d+\//);
+    expect(output.baseUrl).toMatch(/^https:\/\/127\.0\.0\.1:\d+\//);
 
     const response = await fetch(output.baseUrl, {
       dispatcher: new Agent({
@@ -112,7 +112,7 @@ describe('Dev Server Builder ssl', () => {
     runs.push(run);
     const output = (await run.result) as DevServerBuilderOutput;
     expect(output.success).toBe(true);
-    expect(output.baseUrl).toMatch(/^https:\/\/localhost:\d+\//);
+    expect(output.baseUrl).toMatch(/^https:\/\/127\.0\.0\.1:\d+\//);
 
     const response = await fetch(output.baseUrl, {
       dispatcher: new Agent({

packages/angular_devkit/build_angular/src/builders/dev-server/tests/setup.ts

@@ -63,6 +63,10 @@ export const BASE_OPTIONS = Object.freeze<Schema>({
   buildTarget: 'test:build',
   port: 0,
 
+  // Force an IPv4 address as with RBE there are currently resolution issues with IPv6 addresses.
+  // http://localhost is resolved to IPv6 address with vite and webpack but to IPv4 with node fetch.
+  host: '127.0.0.1',
+
   // Watch is not supported for testing in vite as currently there is no teardown logic to stop the watchers.
   watch: false,
 });

packages/angular_devkit/build_webpack/test/basic-app/webpack.config.cjs

@@ -3,6 +3,11 @@ const path = require('path');
 module.exports = {
   mode: 'development',
   entry: path.resolve(__dirname, './src/main.js'),
+  devServer: {
+    // Force an IPv4 address as with RBE there are currently resolution issues with IPv6 addresses.
+    // http://localhost is resolved to IPv6 address with vite and webpack but to IPv4 with node fetch.
+    host: '127.0.0.1',
+  },
   module: {
     rules: [
       // rxjs 6 requires directory imports which are not support in ES modules.

packages/angular_devkit/build_webpack/test/basic-app/webpack.config.mjs

@@ -4,6 +4,11 @@ import { fileURLToPath } from 'url';
 export default {
   mode: 'development',
   entry: resolve(fileURLToPath(import.meta.url), '../src/main.js'),
+  devServer: {
+    // Force an IPv4 address as with RBE there are currently resolution issues with IPv6 addresses.
+    // http://localhost is resolved to IPv6 address with vite and webpack but to IPv4 with node fetch.
+    host: '127.0.0.1',
+  },
   module: {
     rules: [
       // rxjs 6 requires directory imports which are not support in ES modules.