fix(@schematics/angular): update schematics to use RouterModule when …

…--routing flag is present

update schematics to use RouterModule instead of RouterTestingModule when generating a new project with the --routing flag

Fixes #27691

(cherry picked from commit e3b8b78)

packages/schematics/angular/application/files/module-files/src/app/app.component.spec.ts.template

@@ -1,12 +1,12 @@
 import { TestBed } from '@angular/core/testing';<% if (routing) { %>
-import { RouterTestingModule } from '@angular/router/testing';<% } %>
+import { RouterModule } from '@angular/router';<% } %>
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({<% if (routing) { %>
       imports: [
-        RouterTestingModule
+        RouterModule.forRoot([])
       ],<% } %>
       declarations: [
         AppComponent

tests/legacy-cli/e2e/assets/15.0-project/src/app/app.component.spec.ts

@@ -1,12 +1,12 @@
 import { TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
+import { RouterModule } from '@angular/router';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [
-        RouterTestingModule
+        RouterModule.forRoot([])
       ],
       declarations: [
         AppComponent

tests/legacy-cli/e2e/assets/18-ssr-project-webpack/src/app/app.component.spec.ts

@@ -1,10 +1,10 @@
 import { TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
+import { RouterModule } from '@angular/router';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(() => TestBed.configureTestingModule({
-    imports: [RouterTestingModule],
+    imports: [RouterModule.forRoot([])],
     declarations: [AppComponent]
   }));