docs: opt docs app back into zonejs

Also opt in the e2e app and some failing docs tests.

Author: mmalerba

docs/src/app/pages/component-sidenav/component-sidenav.spec.ts

@@ -1,16 +1,17 @@
+import {provideZoneChangeDetection} from '@angular/core';
 import {ComponentFixture, TestBed, waitForAsync} from '@angular/core/testing';
-import {take} from 'rxjs/operators';
-import {ComponentSidenav} from './component-sidenav';
 import {MatSidenav} from '@angular/material/sidenav';
 import {provideRouter} from '@angular/router';
+import {take} from 'rxjs/operators';
+import {ComponentSidenav} from './component-sidenav';
 
 describe('ComponentSidenav', () => {
   let fixture: ComponentFixture<ComponentSidenav>;
   let component: ComponentSidenav;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
-      providers: [provideRouter([])],
+      providers: [provideRouter([]), provideZoneChangeDetection()],
     });
 
     fixture = TestBed.createComponent(ComponentSidenav);

docs/src/app/shared/carousel/carousel.spec.ts

@@ -1,15 +1,15 @@
-import {Component, ViewChild} from '@angular/core';
+import {Component, provideZoneChangeDetection, ViewChild} from '@angular/core';
 import {ComponentFixture, fakeAsync, flush, TestBed} from '@angular/core/testing';
-import {Carousel, CarouselItem} from './carousel';
 import {provideRouter} from '@angular/router';
+import {Carousel, CarouselItem} from './carousel';
 
 describe('HorizontalCarousel', () => {
   let fixture: ComponentFixture<CarouselTestComponent>;
   let component: Carousel;
 
   beforeEach(fakeAsync(() => {
     TestBed.configureTestingModule({
-      providers: [provideRouter([])],
+      providers: [provideRouter([]), provideZoneChangeDetection()],
     });
     fixture = TestBed.createComponent(CarouselTestComponent);
     fixture.nativeElement.style.width = '1300px';

docs/src/app/shared/doc-viewer/doc-viewer.spec.ts

@@ -1,14 +1,14 @@
+import {Clipboard} from '@angular/cdk/clipboard';
+import {provideHttpClient} from '@angular/common/http';
 import {HttpTestingController, provideHttpClientTesting} from '@angular/common/http/testing';
-import {Component} from '@angular/core';
+import {Component, provideZoneChangeDetection} from '@angular/core';
 import {TestBed} from '@angular/core/testing';
-import {By} from '@angular/platform-browser';
-import {DocViewer} from './doc-viewer';
-import {ExampleViewer} from '../example-viewer/example-viewer';
-import {MatTooltip} from '@angular/material/tooltip';
 import {MatIconButton} from '@angular/material/button';
-import {Clipboard} from '@angular/cdk/clipboard';
-import {provideHttpClient} from '@angular/common/http';
+import {MatTooltip} from '@angular/material/tooltip';
+import {By} from '@angular/platform-browser';
 import {provideRouter} from '@angular/router';
+import {ExampleViewer} from '../example-viewer/example-viewer';
+import {DocViewer} from './doc-viewer';
 
 describe('DocViewer', () => {
   let http: HttpTestingController;
@@ -22,6 +22,7 @@ describe('DocViewer', () => {
         provideRouter([]),
         provideHttpClient(),
         provideHttpClientTesting(),
+        provideZoneChangeDetection(),
       ],
     });
 

docs/src/main.ts

@@ -6,16 +6,16 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ErrorHandler} from '@angular/core';
 import {provideHttpClient} from '@angular/common/http';
+import {ErrorHandler, provideZoneChangeDetection} from '@angular/core';
 
-import {unregisterServiceWorkers} from './unregister-service-workers';
+import {LocationStrategy, PathLocationStrategy} from '@angular/common';
+import {bootstrapApplication} from '@angular/platform-browser';
+import {provideRouter, withInMemoryScrolling} from '@angular/router';
 import {MaterialDocsApp} from './app/material-docs-app';
 import {MATERIAL_DOCS_ROUTES} from './app/routes';
-import {withInMemoryScrolling, provideRouter} from '@angular/router';
-import {bootstrapApplication} from '@angular/platform-browser';
 import {AnalyticsErrorReportHandler} from './app/shared/analytics/error-report-handler';
-import {LocationStrategy, PathLocationStrategy} from '@angular/common';
+import {unregisterServiceWorkers} from './unregister-service-workers';
 
 // Unregister all installed service workers and force reload the page if there was
 // an old service worker from a previous version of the docs.
@@ -33,5 +33,6 @@ bootstrapApplication(MaterialDocsApp, {
       }),
     ),
     provideHttpClient(),
+    provideZoneChangeDetection(),
   ],
 }).catch(err => console.error(err));

src/e2e-app/main.ts

@@ -1,11 +1,11 @@
-import {enableProdMode} from '@angular/core';
+import {enableProdMode, provideZoneChangeDetection} from '@angular/core';
 import {bootstrapApplication, provideProtractorTestingSupport} from '@angular/platform-browser';
 import {provideRouter} from '@angular/router';
 
-import {E2eApp} from './components/e2e-app/e2e-app';
-import {Home} from './components/home';
 import {BlockScrollStrategyE2E} from './components/block-scroll-strategy/block-scroll-strategy-e2e';
 import {ComponentHarnessE2e} from './components/component-harness-e2e';
+import {E2eApp} from './components/e2e-app/e2e-app';
+import {Home} from './components/home';
 import {SliderE2e} from './components/slider-e2e';
 import {VirtualScrollE2E} from './components/virtual-scroll/virtual-scroll-e2e';
 
@@ -21,5 +21,6 @@ bootstrapApplication(E2eApp, {
       {path: 'slider', component: SliderE2e},
       {path: 'virtual-scroll', component: VirtualScrollE2E},
     ]),
+    provideZoneChangeDetection(),
   ],
 });

tslint.json

@@ -182,7 +182,11 @@
         "**/src/cdk/testing/testbed/testbed-harness-environment.ts",
         "**/src/cdk/testing/tests/testbed.spec.ts",
         // TODO: Tooltip harness still relies on Zone.js.
-        "**/src/material/tooltip/testing/tooltip-harness.spec.ts"
+        "**/src/material/tooltip/testing/tooltip-harness.spec.ts",
+        // TODO: Migrate docs app to zoneless.
+        "**/docs/**/*.ts",
+        // TODO: Migrate e2e app to zoneless.
+        "**/src/e2e-app/**/*.ts"
       ]
     ]
   },