test: update e2e test to work with Angular 18

Updating this test to work with Angular 18.

Author: alan-agius4

tests/legacy-cli/e2e/assets/17-ssr-project-webpack/package.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "17-ssr-project-webpack": {
+    "18-ssr-project-webpack": {
       "projectType": "application",
       "schematics": {},
       "root": "",
@@ -13,7 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/17-ssr-project-webpack/browser",
+            "outputPath": "dist/18-ssr-project-webpack/browser",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": [
@@ -60,18 +60,18 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "buildTarget": "17-ssr-project-webpack:build:production"
+              "buildTarget": "18-ssr-project-webpack:build:production"
             },
             "development": {
-              "buildTarget": "17-ssr-project-webpack:build:development"
+              "buildTarget": "18-ssr-project-webpack:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "buildTarget": "17-ssr-project-webpack:build"
+            "buildTarget": "18-ssr-project-webpack:build"
           }
         },
         "test": {
@@ -95,7 +95,7 @@
         "server": {
           "builder": "@angular-devkit/build-angular:server",
           "options": {
-            "outputPath": "dist/17-ssr-project-webpack/server",
+            "outputPath": "dist/18-ssr-project-webpack/server",
             "main": "server.ts",
             "tsConfig": "tsconfig.server.json"
           },
@@ -117,12 +117,12 @@
           "builder": "@angular-devkit/build-angular:ssr-dev-server",
           "configurations": {
             "development": {
-              "browserTarget": "17-ssr-project-webpack:build:development",
-              "serverTarget": "17-ssr-project-webpack:server:development"
+              "browserTarget": "18-ssr-project-webpack:build:development",
+              "serverTarget": "18-ssr-project-webpack:server:development"
             },
             "production": {
-              "browserTarget": "17-ssr-project-webpack:build:production",
-              "serverTarget": "17-ssr-project-webpack:server:production"
+              "browserTarget": "18-ssr-project-webpack:build:production",
+              "serverTarget": "18-ssr-project-webpack:server:production"
             }
           },
           "defaultConfiguration": "development"
@@ -136,12 +136,12 @@
           },
           "configurations": {
             "production": {
-              "browserTarget": "17-ssr-project-webpack:build:production",
-              "serverTarget": "17-ssr-project-webpack:server:production"
+              "browserTarget": "18-ssr-project-webpack:build:production",
+              "serverTarget": "18-ssr-project-webpack:server:production"
             },
             "development": {
-              "browserTarget": "17-ssr-project-webpack:build:development",
-              "serverTarget": "17-ssr-project-webpack:server:development"
+              "browserTarget": "18-ssr-project-webpack:build:development",
+              "serverTarget": "18-ssr-project-webpack:server:development"
             }
           },
           "defaultConfiguration": "production"

tests/legacy-cli/e2e/assets/17-ssr-project-webpack/.gitignore renamed to tests/legacy-cli/e2e/assets/18-ssr-project-webpack/.gitignore

@@ -0,0 +1,47 @@
+{
+  "name": "18-ssr-project-webpack",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "dev:ssr": "ng run 18-ssr-project-webpack:serve-ssr",
+    "serve:ssr": "node dist/18-ssr-project-webpack/server/main.js",
+    "build:ssr": "ng build && ng run 18-ssr-project-webpack:server",
+    "prerender": "ng run 18-ssr-project-webpack:prerender"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^18.0.0-next.0",
+    "@angular/common": "^18.0.0-next.0",
+    "@angular/compiler": "^18.0.0-next.0",
+    "@angular/core": "^18.0.0-next.0",
+    "@angular/forms": "^18.0.0-next.0",
+    "@angular/platform-browser": "^18.0.0-next.0",
+    "@angular/platform-browser-dynamic": "^18.0.0-next.0",
+    "@angular/platform-server": "^18.0.0-next.0",
+    "@angular/router": "^18.0.0-next.0",
+    "@angular/ssr": "^18.0.0-next.0",
+    "express": "^4.18.2",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.3"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^18.0.0-next.0",
+    "@angular/cli": "^18.0.0-next.0",
+    "@angular/compiler-cli": "^18.0.0-next.0",
+    "@types/express": "^4.17.17",
+    "@types/jasmine": "~4.3.0",
+    "@types/node": "^18.18.0",
+    "jasmine-core": "~4.6.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.3.2"
+  }
+}

tests/legacy-cli/e2e/assets/17-ssr-project-webpack/README.md renamed to tests/legacy-cli/e2e/assets/18-ssr-project-webpack/README.md

@@ -10,7 +10,7 @@ import AppServerModule from './src/main.server';
 // The Express app is exported so that it can be used by serverless Functions.
 export function app(): express.Express {
   const server = express();
-  const distFolder = join(process.cwd(), 'dist/17-ssr-project-webpack/browser');
+  const distFolder = join(process.cwd(), 'dist/18-ssr-project-webpack/browser');
   const indexHtml = existsSync(join(distFolder, 'index.original.html'))
     ? join(distFolder, 'index.original.html')
     : join(distFolder, 'index.html');

tests/legacy-cli/e2e/assets/17-ssr-project-webpack/angular.json renamed to tests/legacy-cli/e2e/assets/18-ssr-project-webpack/angular.json

@@ -14,16 +14,16 @@ describe('AppComponent', () => {
     expect(app).toBeTruthy();
   });
 
-  it(`should have as title '17-ssr-project-webpack'`, () => {
+  it(`should have as title '18-ssr-project-webpack'`, () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
-    expect(app.title).toEqual('17-ssr-project-webpack');
+    expect(app.title).toEqual('18-ssr-project-webpack');
   });
 
   it('should render title', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('.content span')?.textContent).toContain('17-ssr-project-webpack app is running!');
+    expect(compiled.querySelector('.content span')?.textContent).toContain('18-ssr-project-webpack app is running!');
   });
 });

tests/legacy-cli/e2e/assets/18-ssr-project-webpack/package.json

@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  title = '17-ssr-project-webpack';
+  title = '18-ssr-project-webpack';
 }

tests/legacy-cli/e2e/assets/17-ssr-project-webpack/server.ts renamed to tests/legacy-cli/e2e/assets/18-ssr-project-webpack/server.ts

@@ -2,21 +2,21 @@
   "name": "test",
   "license": "MIT",
   "dependencies": {
-    "@angular/common": "^17.0.0-next",
-    "@angular/compiler": "^17.0.0-next",
-    "@angular/compiler-cli": "^17.0.0-next",
-    "@angular/core": "^17.0.0-next",
-    "@angular/platform-browser": "^17.0.0-next",
-    "@angular/platform-browser-dynamic": "^17.0.0-next",
-    "@angular/router": "^17.0.0-next",
+    "@angular/common": "^18.0.0-next",
+    "@angular/compiler": "^18.0.0-next",
+    "@angular/compiler-cli": "^18.0.0-next",
+    "@angular/core": "^18.0.0-next",
+    "@angular/platform-browser": "^18.0.0-next",
+    "@angular/platform-browser-dynamic": "^18.0.0-next",
+    "@angular/router": "^18.0.0-next",
     "@ngtools/webpack": "0.0.0",
     "rxjs": "^6.6.7",
     "zone.js": "^0.14.0"
   },
   "devDependencies": {
     "sass": "^1.32.8",
     "sass-loader": "^11.0.1",
-    "typescript": "~5.2.2",
+    "typescript": "~5.3.2",
     "webpack": "^5.27.0",
     "webpack-cli": "^4.5.0"
   }

tests/legacy-cli/e2e/assets/17-ssr-project-webpack/src/app/app-routing.module.ts renamed to tests/legacy-cli/e2e/assets/18-ssr-project-webpack/src/app/app-routing.module.ts

@@ -10,7 +10,7 @@ import { execAndWaitForOutputToMatch, ng, noSilentNg } from '../../utils/process
 import { findFreePort } from '../../utils/network';
 
 export default async function () {
-  await createProjectFromAsset('17-ssr-project-webpack', false, false);
+  await createProjectFromAsset('18-ssr-project-webpack', false, false);
   await ng('update', `@angular/cli`, '--name=use-application-builder');
 
   await Promise.all([
@@ -23,8 +23,8 @@ export default async function () {
   await noSilentNg('build', '--configuration=production');
 
   await Promise.all([
-    expectFileToExist('dist/17-ssr-project-webpack/server/server.mjs'),
-    expectFileMatchToExist('dist/17-ssr-project-webpack/browser', /main-[a-zA-Z0-9]{8}\.js/),
+    expectFileToExist('dist/18-ssr-project-webpack/server/server.mjs'),
+    expectFileMatchToExist('dist/18-ssr-project-webpack/browser', /main-[a-zA-Z0-9]{8}\.js/),
   ]);
 
   // Verify that the app runs