build: convert e2e app to standalone

Converts the e2e app to standalone APIs to reduce the amout of code we need to maintain.

Author: crisbeto

.github/CODEOWNERS

@@ -243,34 +243,12 @@
 
 # E2E app
 /src/e2e-app/*                                              @andrewseguin
-/src/e2e-app/block-scroll-strategy/**                       @andrewseguin @crisbeto
-/src/e2e-app/button-toggle/**                               @andrewseguin
-/src/e2e-app/card/**                                        @andrewseguin
-/src/e2e-app/component-harness/**                           @mmalerba
-/src/e2e-app/e2e-app/**                                     @andrewseguin
-/src/e2e-app/example-viewer/**                              @andrewseguin
-/src/e2e-app/expansion/**                                   @andrewseguin
-/src/e2e-app/grid-list/**                                   @andrewseguin
-/src/e2e-app/icon/**                                        @andrewseguin
-/src/e2e-app/list/**                                        @andrewseguin
-/src/e2e-app/button/**                                      @andrewseguin
-/src/e2e-app/checkbox/**                                    @mmalerba
-/src/e2e-app/dialog/**                                      @devversion
-/src/e2e-app/input/**                                       @devversion
-/src/e2e-app/menu/**                                        @crisbeto
-/src/e2e-app/progress-bar/**                                @crisbeto
-/src/e2e-app/progress-spinner/**                            @mmalerba
-/src/e2e-app/radio/**                                       @mmalerba
-/src/e2e-app/slide-toggle/**                                @crisbeto
-/src/e2e-app/slider/**                                      @andrewseguin
-/src/e2e-app/table/**                                       @andrewseguin
-/src/e2e-app/tabs/**                                        @crisbeto
-/src/e2e-app/select/**                                      @crisbeto
-/src/e2e-app/sidenav/**                                     @mmalerba
-/src/e2e-app/stepper/**                                     @mmalerba
-/src/e2e-app/test-util/**                                   @andrewseguin
-/src/e2e-app/toolbar/**                                     @devversion
-/src/e2e-app/virtual-scroll/**                              @mmalerba
+/src/e2e-app/components/home.ts                             @andrewseguin
+/src/e2e-app/components/block-scroll-strategy/**            @andrewseguin @crisbeto
+/src/e2e-app/components/component-harness-e2e.ts            @mmalerba
+/src/e2e-app/components/e2e-app/**                          @andrewseguin
+/src/e2e-app/components/slider-e2e.ts                       @andrewseguin
+/src/e2e-app/components/virtual-scroll/**                   @mmalerba
 
 # Universal app
 /src/universal-app/**                                       @devversion

src/e2e-app/block-scroll-strategy/block-scroll-strategy-e2e-module.ts

@@ -0,0 +1,14 @@
+import {Component, inject} from '@angular/core';
+import {Overlay} from '@angular/cdk/overlay';
+import {ScrollingModule} from '@angular/cdk/scrolling';
+
+@Component({
+  selector: 'block-scroll-strategy-e2e',
+  templateUrl: 'block-scroll-strategy-e2e.html',
+  styleUrls: ['block-scroll-strategy-e2e.css'],
+  standalone: true,
+  imports: [ScrollingModule],
+})
+export class BlockScrollStrategyE2E {
+  scrollStrategy = inject(Overlay).scrollStrategies.block();
+}

src/e2e-app/block-scroll-strategy/block-scroll-strategy-e2e.ts

@@ -1,9 +1,12 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
+import {TestComponentsModule} from '@angular/cdk/testing/tests';
 
 @Component({
   selector: 'component-harness-e2e',
   template: `<test-main></test-main>`,
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [TestComponentsModule],
 })
 export class ComponentHarnessE2e {}

src/e2e-app/component-harness/component-harness-e2e-module.ts

@@ -5,5 +5,5 @@
     <a mat-list-item *ngFor="let link of navLinks" [routerLink]="[link.path]">{{link.title}}</a>
   </mat-nav-list>
 
-  <ng-content></ng-content>
+  <router-outlet></router-outlet>
 </main>

src/e2e-app/block-scroll-strategy/block-scroll-strategy-e2e.css renamed to src/e2e-app/components/block-scroll-strategy/block-scroll-strategy-e2e.css

@@ -1,14 +1,16 @@
 import {Component, ViewEncapsulation} from '@angular/core';
-
-@Component({selector: 'home', template: `<p>e2e website!</p>`})
-export class Home {}
+import {NgFor, NgIf} from '@angular/common';
+import {MatListModule} from '@angular/material/list';
+import {RouterLink, RouterOutlet} from '@angular/router';
 
 @Component({
-  selector: 'e2e-app-layout',
-  templateUrl: 'e2e-app-layout.html',
+  selector: 'e2e-app',
+  templateUrl: 'e2e-app.html',
   encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [MatListModule, NgIf, NgFor, RouterLink, RouterOutlet],
 })
-export class E2eAppLayout {
+export class E2eApp {
   showLinks = false;
 
   navLinks = [