docs: redirect testing, drag-drop docs to adev

Author: mmalerba

docs/src/app/external-redirect-resolver.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+import {Injectable} from '@angular/core';
+import {ActivatedRouteSnapshot, Resolve} from '@angular/router';
+
+@Injectable({providedIn: 'root'})
+export class ExternalRedirectResolver implements Resolve<void> {
+  resolve(route: ActivatedRouteSnapshot): void {
+    const targetUrl = route.data['external-redirect'];
+    if (targetUrl) {
+      window.location.href = targetUrl;
+    }
+  }
+}

docs/src/app/routes.ts

@@ -7,6 +7,7 @@
  */
 
 import {Routes} from '@angular/router';
+import {ExternalRedirectResolver} from './external-redirect-resolver';
 import {CanActivateComponentSidenav} from './pages/component-sidenav/component-sidenav-can-load-guard';
 
 export const MATERIAL_DOCS_ROUTES: Routes = [
@@ -25,6 +26,55 @@ export const MATERIAL_DOCS_ROUTES: Routes = [
   // Since https://github.com/angular/components/pull/9574, the cdk-table guide became the overview
   // document for the cdk table. To avoid any dead / broken links, we redirect to the new location.
   {path: 'guide/cdk-table', redirectTo: '/cdk/table/overview'},
+  // Component harness, drag & drop docs have moved to angular.dev
+  {
+    path: 'cdk/testing',
+    // We need to load some component, but really we just want to stay on the current page while we
+    // wait for the external redirect.
+    loadComponent: () => new Promise(() => {}) as any,
+    data: {'external-redirect': 'https://angular.dev/guide/testing/component-harnesses-overview'},
+    resolve: {reddirect: ExternalRedirectResolver},
+  },
+  {
+    path: 'cdk/testing/api',
+    // We need to load some component, but really we just want to stay on the current page while we
+    // wait for the external redirect.
+    loadComponent: () => new Promise(() => {}) as any,
+    data: {'external-redirect': 'https://angular.dev/api#angular_cdk_testing'},
+    resolve: {reddirect: ExternalRedirectResolver},
+  },
+  {
+    path: 'cdk/testing/:tab',
+    // We need to load some component, but really we just want to stay on the current page while we
+    // wait for the external redirect.
+    loadComponent: () => new Promise(() => {}) as any,
+    data: {'external-redirect': 'https://angular.dev/guide/testing/component-harnesses-overview'},
+    resolve: {reddirect: ExternalRedirectResolver},
+  },
+  {
+    path: 'cdk/drag-drop',
+    // We need to load some component, but really we just want to stay on the current page while we
+    // wait for the external redirect.
+    loadComponent: () => new Promise(() => {}) as any,
+    data: {'external-redirect': 'https://angular.dev/guide/drag-drop'},
+    resolve: {reddirect: ExternalRedirectResolver},
+  },
+  {
+    path: 'cdk/drag-drop/api',
+    // We need to load some component, but really we just want to stay on the current page while we
+    // wait for the external redirect.
+    loadComponent: () => new Promise(() => {}) as any,
+    data: {'external-redirect': 'https://angular.dev/api#angular_cdk_drag-drop'},
+    resolve: {reddirect: ExternalRedirectResolver},
+  },
+  {
+    path: 'cdk/drag-drop/:tab',
+    // We need to load some component, but really we just want to stay on the current page while we
+    // wait for the external redirect.
+    loadComponent: () => new Promise(() => {}) as any,
+    data: {'external-redirect': 'https://angular.dev/guide/drag-drop'},
+    resolve: {reddirect: ExternalRedirectResolver},
+  },
   // In v19, the theming system became based on system variables and the mat.theme mixin.
   // The following guides were consolidated into the main theming guide, which redirects
   // users to v18 docs if they are looking for this content.

package.json

@@ -21,6 +21,7 @@
     "build-docs-content": "node --no-warnings=ExperimentalWarning --loader ts-node/esm/transpile-only ./scripts/build-docs-content-main.mts",
     "build-and-check-release-output": "node --no-warnings=ExperimentalWarning --loader ts-node/esm/transpile-only scripts/build-and-check-release-output.mts",
     "dev-app": "ibazel run //src/dev-app:devserver",
+    "docs-app": "ibazel run //docs:serve",
     "universal-app": "bazel run //src/universal-app:server",
     "test": "node ./scripts/run-component-tests.js",
     "test-local": "pnpm -s test --local",