test: update E2E tests to account for .ng.html template extension

Author: clydin

tests/legacy-cli/e2e/tests/basic/rebuild.ts

@@ -83,7 +83,7 @@ export default async function () {
   await Promise.all([
     waitForAnyProcessOutputToMatch(validBundleRegEx),
     writeMultipleFiles({
-      'src/app/app.component.html': '<h1>testingTESTING123</h1>',
+      'src/app/app.component.ng.html': '<h1>testingTESTING123</h1>',
     }),
   ]);
 

tests/legacy-cli/e2e/tests/build/app-shell/app-shell-with-schematic.ts

@@ -7,7 +7,7 @@ import { updateJsonFile } from '../../../utils/project';
 const snapshots = require('../../../ng-snapshot/package.json');
 
 export default async function () {
-  await appendToFile('src/app/app.component.html', '<router-outlet></router-outlet>');
+  await appendToFile('src/app/app.component.ng.html', '<router-outlet></router-outlet>');
   await ng('generate', 'app-shell', '--project', 'test-project');
 
   const isSnapshotBuild = getGlobalVariable('argv')['ng-snapshots'];

tests/legacy-cli/e2e/tests/build/app-shell/app-shell-with-service-worker.ts

@@ -7,7 +7,7 @@ import { updateJsonFile } from '../../../utils/project';
 const snapshots = require('../../../ng-snapshot/package.json');
 
 export default async function () {
-  await appendToFile('src/app/app.component.html', '<router-outlet></router-outlet>');
+  await appendToFile('src/app/app.component.ng.html', '<router-outlet></router-outlet>');
   await ng('generate', 'service-worker', '--project', 'test-project');
   await ng('generate', 'app-shell', '--project', 'test-project');
 

tests/legacy-cli/e2e/tests/build/library/setup.ts

@@ -6,13 +6,13 @@ export async function libraryConsumptionSetup(): Promise<void> {
 
   // Force an external template
   await writeMultipleFiles({
-    'projects/my-lib/src/lib/my-lib.component.html': `<p>my-lib works!</p>`,
+    'projects/my-lib/src/lib/my-lib.component.ng.html': `<p>my-lib works!</p>`,
     'projects/my-lib/src/lib/my-lib.component.ts': `import { Component } from '@angular/core';
 
     @Component({
       standalone: true,
       selector: 'lib-my-lib',
-      templateUrl: './my-lib.component.html',
+      templateUrl: './my-lib.component.ng.html',
     })
     export class MyLibComponent {}`,
     './src/app/app.component.ts': `

tests/legacy-cli/e2e/tests/build/prerender/error-with-sourcemaps.ts

@@ -28,7 +28,7 @@ export default async function () {
         selector: 'app-root',
         standalone: true,
         imports: [CommonModule, RouterOutlet],
-        templateUrl: './app.component.html',
+        templateUrl: './app.component.ng.html',
         styleUrls: ['./app.component.css']
       })
       export class AppComponent {

tests/legacy-cli/e2e/tests/build/server-rendering/server-routes-output-mode-server-platform-neutral.ts

@@ -27,8 +27,8 @@ export default async function () {
   await installPackage('h3@1');
 
   await writeMultipleFiles({
-    // Replace the template of app.component.html as it makes it harder to debug
-    'src/app/app.component.html': '<router-outlet />',
+    // Replace the template of app.component.ng.html as it makes it harder to debug
+    'src/app/app.component.ng.html': '<router-outlet />',
     'src/app/app.routes.ts': `
       import { Routes } from '@angular/router';
       import { HomeComponent } from './home/home.component';

tests/legacy-cli/e2e/tests/generate/component/component-basic.ts

@@ -11,7 +11,7 @@ export default function () {
       .then(() => expectFileToExist(componentDir))
       .then(() => expectFileToExist(join(componentDir, 'test-component.component.ts')))
       .then(() => expectFileToExist(join(componentDir, 'test-component.component.spec.ts')))
-      .then(() => expectFileToExist(join(componentDir, 'test-component.component.html')))
+      .then(() => expectFileToExist(join(componentDir, 'test-component.component.ng.html')))
       .then(() => expectFileToExist(join(componentDir, 'test-component.component.css')))
 
       // Try to run the unit tests.

tests/legacy-cli/e2e/tests/generate/component/component-child-dir.ts

@@ -21,7 +21,7 @@ export default async function () {
     const componentDirectory = join(childDirectory, 'test-component');
     await expectFileToExist(join(componentDirectory, 'test-component.component.ts'));
     await expectFileToExist(join(componentDirectory, 'test-component.component.spec.ts'));
-    await expectFileToExist(join(componentDirectory, 'test-component.component.html'));
+    await expectFileToExist(join(componentDirectory, 'test-component.component.ng.html'));
     await expectFileToExist(join(componentDirectory, 'test-component.component.css'));
 
     // Ensure unit test execute and pass

tests/legacy-cli/e2e/tests/generate/component/component-flat.ts

@@ -18,7 +18,7 @@ export default function () {
       .then(() => expectFileToExist(appDir))
       .then(() => expectFileToExist(join(appDir, 'test-component.component.ts')))
       .then(() => expectFileToExist(join(appDir, 'test-component.component.spec.ts')))
-      .then(() => expectFileToExist(join(appDir, 'test-component.component.html')))
+      .then(() => expectFileToExist(join(appDir, 'test-component.component.ng.html')))
       .then(() => expectFileToExist(join(appDir, 'test-component.component.css')))
 
       // Try to run the unit tests.

tests/legacy-cli/e2e/tests/generate/component/component-inline-template.ts

@@ -21,7 +21,9 @@ export default function () {
       .then(() => expectFileToExist(join(componentDir, 'test-component.component.ts')))
       .then(() => expectFileToExist(join(componentDir, 'test-component.component.spec.ts')))
       .then(() =>
-        expectToFail(() => expectFileToExist(join(componentDir, 'test-component.component.html'))),
+        expectToFail(() =>
+          expectFileToExist(join(componentDir, 'test-component.component.ng.html')),
+        ),
       )
       .then(() => expectFileToExist(join(componentDir, 'test-component.component.css')))