[DRAFT]: useUiNotification

packages/commercetools/theme/package.json

@@ -16,7 +16,6 @@
   },
   "dependencies": {
     "@nuxtjs/pwa": "^3.2.2",
-    "@nuxtjs/style-resources": "^1.0.0",
     "@storefront-ui/vue": "0.9.2",
     "@vue-storefront/commercetools": "^1.0.1-rc.1",
     "@vue-storefront/nuxt": "^2.1.1-rc.1",
@@ -30,7 +29,6 @@
   },
   "devDependencies": {
     "@nuxt/types": "^0.7.9",
-    "@nuxt/typescript-build": "^2.0.0",
     "@vue/test-utils": "^1.0.0-beta.27",
     "babel-jest": "^24.1.0",
     "jest": "^24.1.0",

packages/core/core/__tests__/factories/useCartFactory.spec.ts

@@ -28,6 +28,19 @@ function createComposable() {
   useCart = useCartFactory<any, any, any, any>(params);
 }
 
+const factoryParams = {
+  addItem: jest.fn(() => null),
+  removeItem: jest.fn(),
+  updateItemQty: jest.fn(),
+  load: jest.fn(),
+  clear: jest.fn(),
+  applyCoupon: jest.fn(),
+  removeCoupon: jest.fn(),
+  isOnCart: jest.fn()
+};
+
+const useCartMock = useCartFactory(factoryParams);
+
 describe('[CORE - factories] useCartFactory', () => {
   beforeEach(() => {
     jest.clearAllMocks();
@@ -80,6 +93,18 @@ describe('[CORE - factories] useCartFactory', () => {
         expect(params.load).toHaveBeenCalled();
         expect(cart.value).toEqual({ id: 'mocked_cart' });
       });
+
+      it('should set error if factory method throwed', async () => {
+        const err = new Error('zxczxcx');
+        factoryParams.load.mockImplementationOnce(() => {
+          throw err;
+        });
+        const { load, error } = useCartMock();
+
+        await load();
+
+        expect(error.value.load).toBe(err);
+      });
     });
 
     describe('addItem', () => {
@@ -93,6 +118,18 @@ describe('[CORE - factories] useCartFactory', () => {
         });
         expect(cart.value).toEqual({ id: 'mocked_added_cart' });
       });
+
+      it('should set error if factory method throwed', async () => {
+        const err = new Error('zxczxcx');
+        factoryParams.addItem.mockImplementationOnce(() => {
+          throw err;
+        });
+        const { addItem, error } = useCartMock();
+
+        await addItem({ product: { id: 'productId' }, quantity: 1 });
+
+        expect(error.value.addItem).toBe(err);
+      });
     });
 
     describe('removeItem', () => {
@@ -105,6 +142,18 @@ describe('[CORE - factories] useCartFactory', () => {
         });
         expect(cart.value).toEqual({ id: 'mocked_removed_cart' });
       });
+
+      it('should set error if factory method throwed', async () => {
+        const err = new Error('zxczxcx');
+        factoryParams.removeItem.mockImplementationOnce(() => {
+          throw err;
+        });
+        const { removeItem, error } = useCartMock();
+
+        await removeItem({ product: { id: 'productId' } });
+
+        expect(error.value.removeItem).toBe(err);
+      });
     });
 
     describe('updateItemQty', () => {
@@ -130,6 +179,18 @@ describe('[CORE - factories] useCartFactory', () => {
         });
         expect(cart.value).toEqual({ id: 'mocked_updated_quantity_cart' });
       });
+
+      it('should set error if factory method throwed', async () => {
+        const err = new Error('zxczxcx');
+        factoryParams.updateItemQty.mockImplementationOnce(() => {
+          throw err;
+        });
+        const { updateItemQty, error } = useCartMock();
+
+        await updateItemQty({ product: { id: 'productId' }, quantity: 1 });
+
+        expect(error.value.updateItemQty).toBe(err);
+      });
     });
 
     describe('clear', () => {
@@ -139,6 +200,18 @@ describe('[CORE - factories] useCartFactory', () => {
         expect(params.clear).toHaveBeenCalledWith({ context: null }, { currentCart: null });
         expect(cart.value).toEqual({ id: 'mocked_cleared_cart' });
       });
+
+      it('should set error if factory method throwed', async () => {
+        const err = new Error('zxczxcx');
+        factoryParams.clear.mockImplementationOnce(() => {
+          throw err;
+        });
+        const { clear, error } = useCartMock();
+
+        await clear();
+
+        expect(error.value.clear).toBe(err);
+      });
     });
 
     describe('applyCoupon', () => {
@@ -151,6 +224,18 @@ describe('[CORE - factories] useCartFactory', () => {
         });
         expect(cart.value).toEqual({ id: 'mocked_apply_coupon_cart' });
       });
+
+      it('should set error if factory method throwed', async () => {
+        const err = new Error('zxczxcx');
+        factoryParams.applyCoupon.mockImplementationOnce(() => {
+          throw err;
+        });
+        const { applyCoupon, error } = useCartMock();
+
+        await applyCoupon({ couponCode: 'qwerty' });
+
+        expect(error.value.applyCoupon).toBe(err);
+      });
     });
 
     describe('removeCoupon', () => {
@@ -165,6 +250,19 @@ describe('[CORE - factories] useCartFactory', () => {
         expect(cart.value).toEqual({ id: 'mocked_removed_coupon_cart' });
       });
 
+      it('should set error if factory method throwed', async () => {
+        const err = new Error('zxczxcx');
+        factoryParams.removeCoupon.mockImplementationOnce(() => {
+          throw err;
+        });
+        const { removeCoupon, error } = useCartMock();
+        const coupon = 'some-coupon-code-12321231';
+
+        await removeCoupon({ coupon });
+
+        expect(error.value.removeCoupon).toBe(err);
+      });
+
       // TODO
       // it('should not invoke removeCoupon method if coupon is not applied', async () => {
       // });

packages/core/core/__tests__/factories/useCategoryFactory.spec.ts

@@ -4,6 +4,12 @@ import { UseCategory } from '../../src/types';
 let useCategory: (cacheId?: string) => UseCategory<any, any>;
 let params: UseCategoryFactoryParams<any, any>;
 
+const factoryParams = {
+  categorySearch: jest.fn()
+};
+
+const useCategoryMock = useCategoryFactory(factoryParams);
+
 function createComposable() {
   params = {
     categorySearch: jest
@@ -37,6 +43,18 @@ describe('[CORE - factories] useCategoryFactory', () => {
         expect(params.categorySearch).toBeCalledWith({ context: null }, { someparam: 'qwerty' });
         expect(categories.value).toEqual({ id: 'mocked_removed_cart' });
       });
+
+      it('should set error if factory method throwed', async () => {
+        const err = new Error('zxczxcx');
+        factoryParams.categorySearch.mockImplementationOnce(() => {
+          throw err;
+        });
+        const { search, error } = useCategoryMock('a');
+
+        await search({ someparam: 'qwerty' });
+
+        expect(error.value.search).toBe(err);
+      });
     });
   });
 });

packages/core/core/__tests__/factories/useContentFactory.spec.ts

@@ -17,6 +17,12 @@ describe('[CORE - factories] useContentFactory', () => {
     useContent = useContentFactory<any, any>(params);
   };
 
+  const factoryParams = {
+    search: jest.fn()
+  };
+
+  const useContentMock = useContentFactory(factoryParams);
+
   beforeEach(() => {
     jest.clearAllMocks();
     createContentFactoryMock();
@@ -27,7 +33,7 @@ describe('[CORE - factories] useContentFactory', () => {
 
     expect(content.value).toEqual([]);
     expect(loading.value).toEqual(false);
-    expect(error.value).toEqual(null);
+    expect(error.value).toEqual({});
   });
 
   it('invokes content search', async () => {
@@ -38,6 +44,18 @@ describe('[CORE - factories] useContentFactory', () => {
     expect(params.search).toBeCalledWith({ context: null }, searchParams);
     expect(params.search).toBeCalledTimes(1);
   });
+
+  it('should set error if factory method throwed', async () => {
+    const err = new Error('zxczxcx');
+    factoryParams.search.mockImplementationOnce(() => {
+      throw err;
+    });
+    const { search, error } = useContentMock('a');
+
+    await search({ someparam: 'qwerty' });
+
+    expect(error.value.search).toBe(err);
+  });
 });
 
 describe('[CORE - factories] renderContentFactory', () => {

packages/core/core/__tests__/factories/useFacetFactory.spec.ts

@@ -1,5 +1,11 @@
 import { useFacetFactory } from '../../src/factories';
 
+const factoryParams = {
+  search: jest.fn()
+};
+
+const useFacetMock = useFacetFactory(factoryParams);
+
 describe('[CORE - factories] useFacetFactory', () => {
   it('creates properties', () => {
     const factorySearch = () => jest.fn();
@@ -21,4 +27,16 @@ describe('[CORE - factories] useFacetFactory', () => {
     expect(result.value).toEqual({ data: null, input: { param: 'test' } });
     expect(loading.value).toEqual(true);
   });
+
+  it('should set error if factory method throwed', async () => {
+    const err = new Error('zxczxcx');
+    factoryParams.search.mockImplementationOnce(() => {
+      throw err;
+    });
+    const { search, error } = useFacetMock('a');
+
+    await search({ someparam: 'qwerty' });
+
+    expect(error.value.search).toBe(err);
+  });
 });

packages/core/core/__tests__/factories/useProductFactory.spec.ts

@@ -5,6 +5,12 @@ const useProduct: (cacheId: string) => UseProduct<any, any> = useProductFactory<
   productsSearch: (context, searchParams) => Promise.resolve([{ name: 'product ' + searchParams.slug }])
 });
 
+const factoryParams = {
+  productsSearch: jest.fn()
+};
+
+const useProductMock = useProductFactory<any, any>(factoryParams);
+
 describe('[CORE - factories] useProductFactory', () => {
   it('creates properties', () => {
     const { products, loading } = useProduct('test-product');
@@ -28,4 +34,16 @@ describe('[CORE - factories] useProductFactory', () => {
 
     expect(products.value).toEqual([{name: 'product product-slug' }]);
   });
+
+  it('should set error if factory method throwed', async () => {
+    const err = new Error('zxczxcx');
+    factoryParams.productsSearch.mockImplementationOnce(() => {
+      throw err;
+    });
+    const { search, error } = useProductMock('a');
+
+    await search({ someparam: 'qwerty' });
+
+    expect(error.value.search).toBe(err);
+  });
 });

packages/core/core/__tests__/factories/useReviewFactory.spec.ts

@@ -80,7 +80,7 @@ describe('[CORE - factories] useReviews', () => {
 
     expect(reviews.value).toEqual([]);
     expect(loading.value).toEqual(false);
-    expect(error.value).toEqual(null);
+    expect(error.value).toEqual({});
   });
 
   it('returns reviews response', async () => {
@@ -89,7 +89,7 @@ describe('[CORE - factories] useReviews', () => {
     await search({});
 
     expect(reviews.value).toEqual(searchReviewResponse);
-    expect(error.value).toEqual(null);
+    expect(error.value).toEqual({ search: null });
   });
 
   it('can submit new review', async () => {
@@ -111,7 +111,7 @@ describe('[CORE - factories] useReviews', () => {
 
     expect(reviews.value).toEqual([]);
     expect(loading.value).toEqual(false);
-    expect(error.value).toEqual('Error: Couldn\'t retrieve reviews');
+    expect(error.value.search.toString()).toEqual('Error: Couldn\'t retrieve reviews');
   });
 
   it('returns error when submit fails', async () => {
@@ -121,6 +121,6 @@ describe('[CORE - factories] useReviews', () => {
 
     expect(reviews.value).toEqual([]);
     expect(loading.value).toEqual(false);
-    expect(error.value).toEqual('Error: Couldn\'t submit review');
+    expect(error.value.addReview.toString()).toEqual('Error: Couldn\'t submit review');
   });
 });