ci: use application builder for integration tests (angular#55660)

This updates the integration tests to use the application builder.

PR Close angular#55660

Author: alan-agius4

goldens/size-tracking/integration-payloads.json

@@ -1,64 +1,55 @@
 {
   "cli-hello-world": {
     "uncompressed": {
-      "runtime": 908,
       "main": 127322,
       "polyfills": 33792
     }
   },
   "cli-hello-world-ivy-i18n": {
     "uncompressed": {
-      "runtime": 926,
-      "main": 125263,
+      "main": 130590,
       "polyfills": 34676
     }
   },
   "cli-hello-world-lazy": {
     "uncompressed": {
-      "runtime": 2734,
-      "main": 236470,
+      "main": 108611,
       "polyfills": 34169,
-      "src_app_lazy_lazy_routes_ts": 487
+      "lazy.routes": 388
     }
   },
   "forms": {
     "uncompressed": {
-      "runtime": 888,
-      "main": 166256,
+      "main": 171726,
       "polyfills": 33772
     }
   },
   "animations": {
     "uncompressed": {
-      "runtime": 2704,
-      "main": 283017,
-      "polyfills": 33817,
-      "src_app_open-close_component_ts": 1321
+      "main": 143167,
+      "polyfills": 34023,
+      "open-close.component": 1190
     }
   },
   "animations-async": {
     "uncompressed": {
-      "runtime": 2906,
-      "main": 221187,
+      "main": 86540,
       "polyfills": 33782,
-      "node_modules_angular_animations_fesm2022_browser_mjs": 63949,
-      "default-node_modules_angular_animations_fesm2022_animations_mjs": 4264,
-      "src_app_open-close_component_ts": 1321
+      "browser": 63949,
+      "open-close.component": 1218
     }
   },
   "standalone-bootstrap": {
     "uncompressed": {
-      "runtime": 918,
       "main": 85055,
       "polyfills": 33802
     }
   },
   "defer": {
     "uncompressed": {
-      "runtime": 2689,
-      "main": 115193,
+      "main": 12148,
       "polyfills": 33807,
-      "src_app_defer_component_ts": 473
+      "defer.component": 371
     }
   }
 }

integration/animations-async/angular.json

@@ -11,12 +11,15 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
+            "outputHashing": "none",
             "namedChunks": true,
-            "outputPath": "dist",
+            "outputPath": {
+              "base": "dist",
+              "browser": ""
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
             "polyfills": [
               "zone.js"
             ],
@@ -31,17 +34,16 @@
             ],
             "scripts": [],
             "optimization": false,
-            "buildOptimizer": false,
-            "progress": false
+            "progress": false,
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
+              "namedChunks": true,
               "optimization": true,
-              "outputHashing": "all",
+              "outputHashing": "none",
               "sourceMap": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",

integration/animations-async/tsconfig.json

@@ -4,8 +4,8 @@
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
+    "esModuleInterop": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "module": "esnext",
     "moduleResolution": "node",

integration/animations/angular.json

@@ -11,12 +11,15 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
+            "outputHashing": "none",
             "namedChunks": true,
-            "outputPath": "dist",
+            "outputPath": {
+              "base": "dist",
+              "browser": ""
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
             "polyfills": [
               "zone.js"
             ],
@@ -31,17 +34,16 @@
             ],
             "scripts": [],
             "optimization": false,
-            "buildOptimizer": false,
-            "progress": false
+            "progress": false,
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
+              "namedChunks": true,
               "optimization": true,
-              "outputHashing": "all",
+              "outputHashing": "none",
               "sourceMap": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",

integration/animations/tsconfig.json

@@ -4,8 +4,8 @@
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
+    "esModuleInterop": true,
     "declaration": false,
-    "downlevelIteration": true,
     "experimentalDecorators": true,
     "module": "esnext",
     "moduleResolution": "node",

integration/cli-elements-universal/angular.json

@@ -15,37 +15,31 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/cli-elements-universal/browser",
+            "outputHashing": "none",
+            "outputPath": "dist/cli-elements-universal",
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "aot": true,
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css"],
             "scripts": [],
             "progress": false,
-            "buildOptimizer": false,
-            "optimization": false
+            "optimization": false,
+            "browser": "src/main.ts",
+            "server": "src/main.server.ts",
+            "prerender": true,
+            "ssr": false
           },
           "configurations": {
             "production": {
               "optimization": true,
-              "outputHashing": "all",
+              "outputHashing": "none",
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",
@@ -81,19 +75,11 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css"],
             "scripts": [],
             "watch": false
           }
@@ -107,9 +93,7 @@
               "e2e/tsconfig.json",
               "tsconfig.server.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         },
         "e2e": {
@@ -124,37 +108,6 @@
               "devServerTarget": "cli-elements-universal:serve:production"
             }
           }
-        },
-        "server": {
-          "builder": "@angular-devkit/build-angular:server",
-          "options": {
-            "outputPath": "dist/cli-elements-universal/server",
-            "main": "src/main.server.ts",
-            "tsConfig": "tsconfig.server.json",
-            "progress": false,
-            "optimization": false
-          },
-          "configurations": {
-            "production": {
-              "outputHashing": "media",
-              "sourceMap": false,
-              "optimization": true
-            }
-          }
-        },
-        "app-shell": {
-          "builder": "@angular-devkit/build-angular:app-shell",
-          "options": {
-            "browserTarget": "cli-elements-universal:build",
-            "serverTarget": "cli-elements-universal:server",
-            "route": ""
-          },
-          "configurations": {
-            "production": {
-              "browserTarget": "cli-elements-universal:build:production",
-              "serverTarget": "cli-elements-universal:server:production"
-            }
-          }
         }
       }
     }

integration/cli-elements-universal/package.json

@@ -9,8 +9,9 @@
     "test": "ng test && yarn e2e --configuration production && yarn test-ssr",
     "lint": "ng lint",
     "e2e": "ng e2e --port 0",
-    "pretest-ssr": "yarn ng run cli-elements-universal:app-shell:production",
-    "test-ssr": "node --eval \"assert(fs.readFileSync('dist/cli-elements-universal/browser/index.html', 'utf8').includes('<app-title-ce>'), 'Expected \\'index.html\\' to contain \\'<app-title-ce>\\'.');\""
+    "pretest-ssr": "yarn build",
+    "test-ssr": "node --eval \"assert(fs.readFileSync('dist/cli-elements-universal/browser/index.html', 'utf8').includes('<app-title-ce>'), 'Expected \\'index.html\\' to contain \\'<app-title-ce>\\'.');\"",
+    "serve:ssr:cli-elements-universal": "node dist/cli-elements-universal/server/server.mjs"
   },
   "private": true,
   "dependencies": {
@@ -31,6 +32,7 @@
     "@angular-devkit/build-angular": "file:../../node_modules/@angular-devkit/build-angular",
     "@angular/cli": "file:../../node_modules/@angular/cli",
     "@angular/compiler-cli": "file:../../dist/packages-dist/compiler-cli",
+    "@types/express": "^4.17.17",
     "@types/jasmine": "file:../../node_modules/@types/jasmine",
     "@types/node": "file:../../node_modules/@types/node",
     "jasmine-core": "~3.6.0",

integration/cli-elements-universal/src/app/app.server.module.ts

@@ -1,12 +1,11 @@
 import {NgModule} from '@angular/core';
 import {ServerModule} from '@angular/platform-server';
-import {RouterModule} from '@angular/router';
 
 import {AppModule} from './app.module';
 import {AppComponent} from './app.component';
 
 @NgModule({
   bootstrap: [AppComponent],
-  imports: [AppModule, RouterModule.forRoot([]), ServerModule],
+  imports: [AppModule, ServerModule],
 })
 export class AppServerModule {}

integration/cli-elements-universal/src/main.server.ts

@@ -1,3 +1 @@
-import '@angular/platform-server/init';
-
-export {AppServerModule} from './app/app.server.module';
+export {AppServerModule as default} from './app/app.server.module';

integration/cli-elements-universal/tsconfig.app.json

@@ -3,10 +3,13 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": []
+    "types": [
+      "node"
+    ]
   },
   "files": [
-    "src/main.ts"
+    "src/main.ts",
+    "src/main.server.ts"
   ],
   "include": [
     "src/**/*.d.ts"