refactor(demo): convert routing to standalone (#4313)

Author: joannalauu

apps/demo/src/app/app.component.spec.ts

@@ -6,7 +6,7 @@ import {
 import { RouterTestingModule } from '@angular/router/testing';
 
 import { AppComponent } from './app.component';
-import { DemoRoutingComponentModule } from './routing/routing-component.module';
+import { DemoIndicatorComponent } from './routing/indicator/indicator.component';
 
 @Component({
   selector: 'demo-product-grid-view', template: '',
@@ -19,7 +19,7 @@ describe('AppComponent', () => {
     TestBed.configureTestingModule({
       imports: [
         RouterTestingModule,
-        DemoRoutingComponentModule,
+        DemoIndicatorComponent,
       ],
       declarations: [
         AppComponent,

apps/demo/src/app/app.module.ts

@@ -28,8 +28,8 @@ import { TemplateModule } from './core/template/template/template.module';
 import { DemoDriverModule } from './drivers/driver.module';
 import { NotFoundModule } from './misc/not-found/not-found.module';
 import { ProductModule } from './product/product.module';
-import { DemoRoutingComponentModule } from './routing/routing-component.module';
 import { environment } from '../environments/environment';
+import { DemoIndicatorComponent } from './routing/indicator/indicator.component';
 
 @NgModule({
   declarations: [
@@ -49,7 +49,7 @@ import { environment } from '../environments/environment';
     }),
 
     AppRoutingModule,
-    DemoRoutingComponentModule,
+    DemoIndicatorComponent,
     DemoCartRootModule,
     ProductModule,
     TemplateModule,

apps/demo/src/app/routing/indicator/indicator.component.spec.ts

@@ -5,17 +5,15 @@ import {
   TestBed,
 } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { provideNoopAnimations } from '@angular/platform-browser/animations';
 import {
   Event,
   Router,
   NavigationStart,
   NavigationEnd,
 } from '@angular/router';
-import { RouterTestingModule } from '@angular/router/testing';
 import { Subject } from 'rxjs';
 
-import { DaffProgressBarModule } from '@daffodil/design/progress-bar';
 
 import { DemoIndicatorComponent } from './indicator.component';
 
@@ -31,15 +29,11 @@ describe('DemoIndicatorComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports:[
-        NoopAnimationsModule,
-        RouterTestingModule,
-        DaffProgressBarModule,
-      ],
-      declarations: [
+      imports: [
         DemoIndicatorComponent,
       ],
       providers: [
+        provideNoopAnimations(),
         { provide: Router, useExisting: MockRouter },
       ],
     })

apps/demo/src/app/routing/indicator/indicator.component.ts

@@ -12,13 +12,17 @@ import {
   tap,
 } from 'rxjs/operators';
 
+import { DaffProgressBarComponent } from '@daffodil/design/progress-bar';
+
 import { RouterPercentEnum } from '../router-percent-enum';
 
 
 @Component({
   selector: 'demo-routing-indicator',
   templateUrl: './indicator.component.html',
-  standalone: false,
+  imports: [
+    DaffProgressBarComponent,
+  ],
 })
 export class DemoIndicatorComponent implements OnInit {