fix tests

Author: joannalauu

apps/demo/src/app/cart/components/cart-item/cart-item.component.spec.ts

@@ -17,7 +17,6 @@ import {
 } from '@daffodil/cart/state/testing';
 import { DaffCartItemFactory } from '@daffodil/cart/testing';
 import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';
-import { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';
 import { DaffProductImageFactory } from '@daffodil/product/testing';
 import { DaffSfQuantityFieldComponent } from '@daffodil/storefront/quantity-field';
 
@@ -49,7 +48,6 @@ describe('CartItemComponent', () => {
         DaffCartStateTestingModule,
         ReactiveFormsModule,
         DAFF_FORM_FIELD_COMPONENTS,
-        DaffQuantityFieldComponent,
         CartItemComponent,
         WrapperComponent,
       ],
@@ -69,10 +67,9 @@ describe('CartItemComponent', () => {
     mockCartItem = cartItemFactory.create({ image: productImageFactory.create() });
 
     wrapper.cartItemValue = mockCartItem;
+    fixture.detectChanges();
     cartItemComponent = fixture.debugElement.query(By.css('demo-cart-item'));
     quantityFieldComponent = fixture.debugElement.query(By.css('daff-sf-quantity-field')).componentInstance;
-
-    fixture.detectChanges();
   });
 
   it('should create', () => {

apps/demo/src/app/cart/components/cart-item/cart-item.component.ts

@@ -21,7 +21,7 @@ import {
   DaffBase64ServiceToken,
 } from '@daffodil/core';
 import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';
-import { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';
+import { DaffSfQuantityFieldComponent } from '@daffodil/storefront/quantity-field';
 
 @Component({
   selector: 'demo-cart-item',
@@ -30,7 +30,7 @@ import { DaffQuantityFieldComponent } from '@daffodil/design/quantity-field';
   imports: [
     ReactiveFormsModule,
     DAFF_FORM_FIELD_COMPONENTS,
-    DaffQuantityFieldComponent,
+    DaffSfQuantityFieldComponent,
   ],
 })
 export class CartItemComponent implements OnInit {

apps/demo/src/app/cart/components/cart-items/cart-items.component.spec.ts

@@ -20,6 +20,7 @@ import {
 } from '@daffodil/cart/testing';
 
 import { CartItemsComponent } from './cart-items.component';
+import { CartItemComponent } from '../cart-item/cart-item.component';
 
 @Component({
   template: '<demo-cart-items [cart]="cartValue"></demo-cart-items>',
@@ -55,8 +56,12 @@ describe('CartItemsComponent', () => {
       providers: [
         provideMockStore({}),
       ],
-    })
-      .compileComponents();
+    });
+    TestBed.overrideComponent(CartItemsComponent, {
+      remove: { imports: [CartItemComponent]},
+      add: { imports: [MockCartItemComponent]},
+    });
+    TestBed.compileComponents();
   }));
 
   beforeEach(() => {