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"