refactor(demo): convert misc to standalone (#4311)

Author: joannalauu

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

@@ -27,7 +27,6 @@ import { environment } from '../environments/environment';
 import { DemoCheckoutStepActionTypes } from './checkout/actions/checkout-step.actions';
 import { TemplateModule } from './core/template/template/template.module';
 import { DemoDriverModule } from './drivers/driver.module';
-import { NotFoundModule } from './misc/not-found/not-found.module';
 import { DemoIndicatorComponent } from './routing/indicator/indicator.component';
 
 @NgModule({
@@ -51,7 +50,6 @@ import { DemoIndicatorComponent } from './routing/indicator/indicator.component'
     DemoIndicatorComponent,
     DemoCartRootModule,
     TemplateModule,
-    NotFoundModule,
     DaffAuthorizeNetPaymentStateModule,
     DaffAuthorizeNetStateModule,
     DaffPaymentStateModule,

apps/demo/src/app/cart/components/cart-sidebar/cart-sidebar.module.ts

@@ -4,7 +4,7 @@ import { NgModule } from '@angular/core';
 import { DaffButtonModule } from '@daffodil/design/button';
 
 import { CartSidebarComponent } from './cart-sidebar.component';
-import { HelpBoxModule } from '../../../misc/help-box/help-box.module';
+import { HelpBoxComponent } from '../../../misc/help-box/help-box.component';
 import { CartTotalsModule } from '../cart-totals/cart-totals.module';
 import { ProceedToCheckoutModule } from '../proceed-to-checkout/proceed-to-checkout.module';
 
@@ -14,7 +14,7 @@ import { ProceedToCheckoutModule } from '../proceed-to-checkout/proceed-to-check
     CartTotalsModule,
     ProceedToCheckoutModule,
     DaffButtonModule,
-    HelpBoxModule,
+    HelpBoxComponent,
   ],
   declarations: [
     CartSidebarComponent,

apps/demo/src/app/cart/components/cart-summary-wrapper/cart-summary-wrapper.module.ts

@@ -4,7 +4,7 @@ import { NgModule } from '@angular/core';
 import { DaffLoadingIconModule } from '@daffodil/design/loading-icon';
 
 import { CartSummaryWrapperComponent } from './cart-summary-wrapper.component';
-import { HelpBoxModule } from '../../../misc/help-box/help-box.module';
+import { HelpBoxComponent } from '../../../misc/help-box/help-box.component';
 import { CartSummaryModule } from '../cart-summary/cart-summary.module';
 import { CartTotalsModule } from '../cart-totals/cart-totals.module';
 
@@ -14,7 +14,7 @@ import { CartTotalsModule } from '../cart-totals/cart-totals.module';
     CartSummaryModule,
     CartTotalsModule,
     DaffLoadingIconModule,
-    HelpBoxModule,
+    HelpBoxComponent,
   ],
   declarations: [
     CartSummaryWrapperComponent,

apps/demo/src/app/misc/help-box/help-box.component.spec.ts

@@ -12,7 +12,9 @@ describe('HelpBoxComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [ HelpBoxComponent ],
+      imports: [
+        HelpBoxComponent,
+      ],
     })
       .compileComponents();
   }));

apps/demo/src/app/misc/help-box/help-box.component.ts

@@ -4,6 +4,5 @@ import { Component } from '@angular/core';
   selector: 'demo-help-box',
   templateUrl: './help-box.component.html',
   styleUrls: ['./help-box.component.scss'],
-  standalone: false,
 })
 export class HelpBoxComponent {}

apps/demo/src/app/misc/help-box/help-box.module.ts

@@ -1,21 +1,19 @@
-import {
-  Component,
-  DebugElement,
-} from '@angular/core';
+import { DebugElement } from '@angular/core';
 import {
   waitForAsync,
   ComponentFixture,
   TestBed,
 } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
+import { provideRouter } from '@angular/router';
+import { EffectsModule } from '@ngrx/effects';
+import { StoreModule } from '@ngrx/store';
+
+import { DaffProductTestingDriverModule } from '@daffodil/product/driver/testing';
+import { DaffProductStateTestingModule } from '@daffodil/product/state/testing';
 
 import { NotFoundComponent } from './not-found.component';
 
-@Component({
-  selector: 'demo-best-sellers', template: '',
-  standalone: false,
-})
-class MockBestSellersComponent {}
 
 describe('NotFoundComponent', () => {
   let component: NotFoundComponent;
@@ -24,9 +22,15 @@ describe('NotFoundComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [
+      imports: [
         NotFoundComponent,
-        MockBestSellersComponent,
+        DaffProductStateTestingModule,
+        DaffProductTestingDriverModule.forRoot(),
+        StoreModule.forRoot({}),
+        EffectsModule.forRoot([]),
+      ],
+      providers: [
+        provideRouter([]),
       ],
     })
       .compileComponents();

apps/demo/src/app/misc/not-found/not-found.component.spec.ts

@@ -1,10 +1,14 @@
 import { Component } from '@angular/core';
 
+import { BestSellersComponent } from '../../product/containers/best-sellers/best-sellers.component';
+
 @Component({
   selector: 'demo-not-found',
   templateUrl: './not-found.component.html',
   styleUrls: ['./not-found.component.scss'],
-  standalone: false,
+  imports: [
+    BestSellersComponent,
+  ],
 })
 export class NotFoundComponent {
   NOT_FOUND_TEXT = 'this page cannot be found: 404 error';