@jetshop/core 5.13.2 → 5.13.10-0

package/hooks/ProductList/product-list-reducer.test.js

@@ -1,464 +1,464 @@
-import { act, renderHook } from '@testing-library/react-hooks';
-import { useReducer } from 'react';
-import { reducer, init } from './product-list-reducer';
-import {
-  productListMapToArray,
-  PRODUCT_LISTS_KEY
-} from '@jetshop/core/hooks/ProductList';
-import { LocalStorageMock } from '@react-mock/localstorage';
-import { render } from '@testing-library/react';
-import React from 'react';
-
-const MOCK_LIST_ITEMS = {
-  6952315: {
-    options: { quantity: 1 },
-    variants: {
-      '6952315-170-white': {
-        options: {
-          quantity: 1
-        },
-        parentArticleNumber: '6952315'
-      }
-    }
-  },
-  502935480: {
-    variants: null,
-    options: {
-      quantity: 1
-    }
-  },
-  '441922-Classic-16': {
-    variants: null,
-    options: {
-      quantity: 1
-    }
-  },
-  'without-base': {
-    options: null,
-    variants: {
-      'with-variant': {
-        options: {
-          quantity: 1
-        },
-        parentArticleNumber: 'without-base'
-      }
-    }
-  }
-};
-
-describe('reducer init method', () => {
-  it('defaults the list to localStorage', () => {
-    const obj = {
-      key: 'value'
-    };
-    const listId = 'test';
-
-    function Parent({ children }) {
-      const mockList = new Map([[listId, obj]]);
-      const localStorage = {};
-      localStorage[PRODUCT_LISTS_KEY] = JSON.stringify(
-        productListMapToArray(mockList)
-      );
-      return (
-        <LocalStorageMock items={localStorage}>{children}</LocalStorageMock>
-      );
-    }
-    function Child() {
-      const initialState = { loggedIn: false, lists: new Map() };
-      const state = init(initialState);
-
-      return (
-        <div>
-          <span>{state.lists.get(listId).key}</span>
-          <span>{state.loggedIn ? 'logged in' : 'not logged in'}</span>
-        </div>
-      );
-    }
-
-    const { getByText } = render(
-      <Parent>
-        <Child />
-      </Parent>
-    );
-
-    expect(getByText('not logged in'));
-    expect(getByText('value'));
-  });
-});
-
-describe('reducer', () => {
-  const initialState = {
-    loggedIn: false,
-    lists: new Map([[null, { name: null, items: MOCK_LIST_ITEMS }]])
-  };
-
-  it('sets logged in and payload when LOGIN is called', () => {
-    const { result, dispatch } = setup();
-
-    // We should only test listId null, logged out users shouldn't have lists with IDs.
-    // We could remove the listId from the payload to make null implicit
-    const payload = {
-      listId: null,
-      list: {
-        name: null,
-        items: {
-          test: 'one'
-        }
-      }
-    };
-
-    act(() => dispatch({ type: 'LOGIN', payload }));
-
-    const [state] = result.current;
-
-    expect(state.loggedIn).toBe(true);
-    expect(state.lists.get(null).items).toMatchObject(payload.list.items);
-  });
-  it('sets loggedIn and resets list on LOGOUT', () => {
-    const initialState = {
-      loggedIn: true,
-      lists: new Map([
-        [
-          null,
-          {
-            name: null,
-            items: { 234523423: { options: { quantity: 1, description: '' } } }
-          }
-        ]
-      ])
-    };
-
-    const { result, dispatch } = setup(initialState);
-
-    {
-      const [state] = result.current;
-      expect(state).toBe(initialState);
-    }
-
-    act(() => dispatch({ type: 'LOGOUT' }));
-
-    const [state] = result.current;
-
-    expect(state.loggedIn).toBe(false);
-    expect(state.lists).toMatchObject(
-      new Map([[null, { name: null, items: {} }]])
-    );
-  });
-  describe('UPDATE action', () => {
-    it('can replace a base product with one of its variants', () => {
-      const { result, dispatch } = setup(initialState);
-
-      act(() =>
-        dispatch({
-          type: 'UPDATE',
-          payload: {
-            listId: null,
-            articleNumber: '502935480',
-            variantArticleNumber: '502935480-sparkles',
-            options: {
-              quantity: 1
-            }
-          }
-        })
-      );
-
-      const [state] = result.current;
-
-      const baseProduct = state.lists.get(null).items['502935480'];
-
-      expect(baseProduct.variants['502935480-sparkles'].options.quantity).toBe(
-        1
-      );
-      // Removing the base product options effectively removes it from the list
-      expect(baseProduct.options).toBe(null);
-    });
-    it('can replace a variant with another variant', () => {
-      const { result, dispatch } = setup(initialState);
-
-      act(() =>
-        dispatch({
-          type: 'UPDATE',
-          payload: {
-            listId: null,
-            articleNumber: '6952315',
-            variantArticleNumber: '6952315-170-pink',
-            options: {
-              quantity: 1
-            },
-            variantToReplace: '6952315-170-white'
-          }
-        })
-      );
-
-      const [state] = result.current;
-      const list = state.lists.get(null);
-
-      expect(
-        list.items['6952315'].variants['6952315-170-pink'].options.quantity
-      ).toBe(1);
-      expect(
-        list.items['6952315'].variants['6952315-170-white']
-      ).not.toBeDefined();
-    });
-  });
-  describe('ADD action', () => {
-    it('can add a base product to the list', () => {
-      const { result, dispatch } = setup(initialState);
-
-      act(() =>
-        dispatch({
-          type: 'ADD',
-          payload: {
-            listId: null,
-            articleNumber: 'boogie',
-            options: {
-              quantity: 1
-            }
-          }
-        })
-      );
-
-      const [state] = result.current;
-
-      expect(state.lists.get(null).items['boogie'].options.quantity).toBe(1);
-    });
-    it('can add a variant to the list when there is no existing base product', () => {
-      const { result, dispatch } = setup(initialState);
-
-      act(() =>
-        dispatch({
-          type: 'ADD',
-          payload: {
-            listId: null,
-            articleNumber: 'boogie',
-            variantArticleNumber: 'boogie-woogie',
-            options: {
-              quantity: 1
-            }
-          }
-        })
-      );
-
-      const [state] = result.current;
-      const list = state.lists.get(null);
-
-      expect(list.items['boogie'].options).toBe(null);
-      expect(
-        list.items['boogie'].variants['boogie-woogie'].options.quantity
-      ).toBe(1);
-    });
-    it('can add a variant to the list when there is an existing base product', () => {
-      const { result, dispatch } = setup(initialState);
-
-      act(() =>
-        dispatch({
-          type: 'ADD',
-          payload: {
-            listId: null,
-            articleNumber: '502935480',
-            variantArticleNumber: 'boogie-woogie',
-            options: {
-              quantity: 1
-            }
-          }
-        })
-      );
-
-      const [state] = result.current;
-      const list = state.lists.get(null);
-
-      expect(list.items['502935480'].options).not.toBe(null);
-      expect(
-        list.items['502935480'].variants['boogie-woogie'].options.quantity
-      ).toBe(1);
-    });
-    it('can add a variant to the list when there is a base product with variants', () => {
-      const { result, dispatch } = setup(initialState);
-
-      act(() =>
-        dispatch({
-          type: 'ADD',
-          payload: {
-            listId: null,
-            articleNumber: '6952315',
-            variantArticleNumber: 'boogie-woogie',
-            options: {
-              quantity: 1
-            }
-          }
-        })
-      );
-
-      const [state] = result.current;
-      const list = state.lists.get(null);
-
-      expect(list.items['6952315'].options).not.toBe(null);
-      expect(
-        list.items['6952315'].variants['boogie-woogie'].options.quantity
-      ).toBe(1);
-      expect(list.items['6952315'].variants['6952315-170-white']).toMatchObject(
-        MOCK_LIST_ITEMS['6952315'].variants['6952315-170-white']
-      );
-    });
-  });
-  describe('REMOVE action', () => {
-    it('will entirely remove a base product with no variants', () => {
-      const { result, dispatch } = setup(initialState);
-
-      act(() =>
-        dispatch({
-          type: 'REMOVE',
-          payload: {
-            listId: null,
-            articleNumber: '502935480'
-          }
-        })
-      );
-
-      const [state] = result.current;
-      const list = state.lists.get(null);
-
-      expect(list.items['502935480']).not.toBeDefined();
-    });
-    it('will entirely remove an item if the variant is removed and there is no base product', () => {
-      const { result, dispatch } = setup(initialState);
-
-      act(() =>
-        dispatch({
-          type: 'REMOVE',
-          payload: {
-            listId: null,
-            articleNumber: 'without-base',
-            variantArticleNumber: 'with-variant'
-          }
-        })
-      );
-
-      const [state] = result.current;
-      const list = state.lists.get(null);
-
-      expect(list['without-base']).not.toBeDefined();
-    });
-    it('will keep the variant if one exists', () => {
-      const { result, dispatch } = setup(initialState);
-      const articleToRemove = '6952315';
-
-      act(() =>
-        dispatch({
-          type: 'REMOVE',
-          payload: {
-            listId: null,
-            articleNumber: articleToRemove
-          }
-        })
-      );
-
-      const [state] = result.current;
-      const list = state.lists.get(null);
-
-      expect(list.items[articleToRemove].options).toBe(null);
-      expect(list.items[articleToRemove].variants).toBeDefined();
-    });
-    it('will remove the variant but keep the base product', () => {
-      const { result, dispatch } = setup(initialState);
-
-      const parent = '6952315';
-      const articleToRemove = '6952315-170-white';
-
-      act(() =>
-        dispatch({
-          type: 'REMOVE',
-          payload: {
-            listId: null,
-            articleNumber: parent,
-            variantArticleNumber: articleToRemove
-          }
-        })
-      );
-
-      const [state] = result.current;
-      const list = state.lists.get(null);
-
-      expect(list.items[parent].variants[articleToRemove]).not.toBeDefined();
-      expect(list.items[parent].options).toBeDefined();
-    });
-  });
-
-  describe('DELETE_LIST action', () => {
-    it('can delete a product list', () => {
-      const listId = '12345';
-      const initialState = {
-        loggedIn: false,
-        lists: new Map([[listId, MOCK_LIST_ITEMS]])
-      };
-
-      const { result, dispatch } = setup(initialState);
-      const [state] = result.current;
-
-      expect(state.lists.get(listId)).toBeDefined;
-
-      act(() =>
-        dispatch({
-          type: 'DELETE_LIST',
-          payload: { listId }
-        })
-      );
-
-      expect(state.lists.get(listId)).toBeUndefined;
-    });
-  });
-
-  describe('CREATE_LIST action', () => {
-    it('can create a new product list', () => {
-      const listId = '12345';
-      const { result, dispatch } = setup();
-      const name = 'My Stuff';
-
-      act(() =>
-        dispatch({
-          type: 'CREATE_LIST',
-          payload: { listId, list: { name } }
-        })
-      );
-
-      const [state] = result.current;
-      expect(state.lists.has(listId)).toBe(true);
-      expect(state.lists.get(listId).name).toBe(name);
-    });
-  });
-
-  describe('CLEAR_ITEMS action', () => {
-    it('can clear items on a product list', () => {
-      const { result, dispatch } = setup(initialState);
-      const listId = null;
-
-      act(() =>
-        dispatch({
-          type: 'CLEAR_ITEMS',
-          payload: { listId }
-        })
-      );
-
-      const [state] = result.current;
-      const list = state.lists.get(listId);
-      expect(list.items).toMatchObject({});
-    });
-  });
-});
-
-function setup(initialState) {
-  const { result } = renderHook(() => useProductListReducer({ initialState }));
-
-  const [, dispatch] = result.current;
-
-  return { result, dispatch };
-}
-
-function useProductListReducer({ initialState }) {
-  const [state, dispatch] = useReducer(
-    reducer,
-    initialState || { loggedIn: false, lists: new Map() }
-  );
-
-  return [state, dispatch];
-}
+import { act, renderHook } from '@testing-library/react-hooks';
+import { useReducer } from 'react';
+import { reducer, init } from './product-list-reducer';
+import {
+  productListMapToArray,
+  PRODUCT_LISTS_KEY
+} from '@jetshop/core/hooks/ProductList';
+import { LocalStorageMock } from '@react-mock/localstorage';
+import { render } from '@testing-library/react';
+import React from 'react';
+
+const MOCK_LIST_ITEMS = {
+  6952315: {
+    options: { quantity: 1 },
+    variants: {
+      '6952315-170-white': {
+        options: {
+          quantity: 1
+        },
+        parentArticleNumber: '6952315'
+      }
+    }
+  },
+  502935480: {
+    variants: null,
+    options: {
+      quantity: 1
+    }
+  },
+  '441922-Classic-16': {
+    variants: null,
+    options: {
+      quantity: 1
+    }
+  },
+  'without-base': {
+    options: null,
+    variants: {
+      'with-variant': {
+        options: {
+          quantity: 1
+        },
+        parentArticleNumber: 'without-base'
+      }
+    }
+  }
+};
+
+describe('reducer init method', () => {
+  it('defaults the list to localStorage', () => {
+    const obj = {
+      key: 'value'
+    };
+    const listId = 'test';
+
+    function Parent({ children }) {
+      const mockList = new Map([[listId, obj]]);
+      const localStorage = {};
+      localStorage[PRODUCT_LISTS_KEY] = JSON.stringify(
+        productListMapToArray(mockList)
+      );
+      return (
+        <LocalStorageMock items={localStorage}>{children}</LocalStorageMock>
+      );
+    }
+    function Child() {
+      const initialState = { loggedIn: false, lists: new Map() };
+      const state = init(initialState);
+
+      return (
+        <div>
+          <span>{state.lists.get(listId).key}</span>
+          <span>{state.loggedIn ? 'logged in' : 'not logged in'}</span>
+        </div>
+      );
+    }
+
+    const { getByText } = render(
+      <Parent>
+        <Child />
+      </Parent>
+    );
+
+    expect(getByText('not logged in'));
+    expect(getByText('value'));
+  });
+});
+
+describe('reducer', () => {
+  const initialState = {
+    loggedIn: false,
+    lists: new Map([[null, { name: null, items: MOCK_LIST_ITEMS }]])
+  };
+
+  it('sets logged in and payload when LOGIN is called', () => {
+    const { result, dispatch } = setup();
+
+    // We should only test listId null, logged out users shouldn't have lists with IDs.
+    // We could remove the listId from the payload to make null implicit
+    const payload = {
+      listId: null,
+      list: {
+        name: null,
+        items: {
+          test: 'one'
+        }
+      }
+    };
+
+    act(() => dispatch({ type: 'LOGIN', payload }));
+
+    const [state] = result.current;
+
+    expect(state.loggedIn).toBe(true);
+    expect(state.lists.get(null).items).toMatchObject(payload.list.items);
+  });
+  it('sets loggedIn and resets list on LOGOUT', () => {
+    const initialState = {
+      loggedIn: true,
+      lists: new Map([
+        [
+          null,
+          {
+            name: null,
+            items: { 234523423: { options: { quantity: 1, description: '' } } }
+          }
+        ]
+      ])
+    };
+
+    const { result, dispatch } = setup(initialState);
+
+    {
+      const [state] = result.current;
+      expect(state).toBe(initialState);
+    }
+
+    act(() => dispatch({ type: 'LOGOUT' }));
+
+    const [state] = result.current;
+
+    expect(state.loggedIn).toBe(false);
+    expect(state.lists).toMatchObject(
+      new Map([[null, { name: null, items: {} }]])
+    );
+  });
+  describe('UPDATE action', () => {
+    it('can replace a base product with one of its variants', () => {
+      const { result, dispatch } = setup(initialState);
+
+      act(() =>
+        dispatch({
+          type: 'UPDATE',
+          payload: {
+            listId: null,
+            articleNumber: '502935480',
+            variantArticleNumber: '502935480-sparkles',
+            options: {
+              quantity: 1
+            }
+          }
+        })
+      );
+
+      const [state] = result.current;
+
+      const baseProduct = state.lists.get(null).items['502935480'];
+
+      expect(baseProduct.variants['502935480-sparkles'].options.quantity).toBe(
+        1
+      );
+      // Removing the base product options effectively removes it from the list
+      expect(baseProduct.options).toBe(null);
+    });
+    it('can replace a variant with another variant', () => {
+      const { result, dispatch } = setup(initialState);
+
+      act(() =>
+        dispatch({
+          type: 'UPDATE',
+          payload: {
+            listId: null,
+            articleNumber: '6952315',
+            variantArticleNumber: '6952315-170-pink',
+            options: {
+              quantity: 1
+            },
+            variantToReplace: '6952315-170-white'
+          }
+        })
+      );
+
+      const [state] = result.current;
+      const list = state.lists.get(null);
+
+      expect(
+        list.items['6952315'].variants['6952315-170-pink'].options.quantity
+      ).toBe(1);
+      expect(
+        list.items['6952315'].variants['6952315-170-white']
+      ).not.toBeDefined();
+    });
+  });
+  describe('ADD action', () => {
+    it('can add a base product to the list', () => {
+      const { result, dispatch } = setup(initialState);
+
+      act(() =>
+        dispatch({
+          type: 'ADD',
+          payload: {
+            listId: null,
+            articleNumber: 'boogie',
+            options: {
+              quantity: 1
+            }
+          }
+        })
+      );
+
+      const [state] = result.current;
+
+      expect(state.lists.get(null).items['boogie'].options.quantity).toBe(1);
+    });
+    it('can add a variant to the list when there is no existing base product', () => {
+      const { result, dispatch } = setup(initialState);
+
+      act(() =>
+        dispatch({
+          type: 'ADD',
+          payload: {
+            listId: null,
+            articleNumber: 'boogie',
+            variantArticleNumber: 'boogie-woogie',
+            options: {
+              quantity: 1
+            }
+          }
+        })
+      );
+
+      const [state] = result.current;
+      const list = state.lists.get(null);
+
+      expect(list.items['boogie'].options).toBe(null);
+      expect(
+        list.items['boogie'].variants['boogie-woogie'].options.quantity
+      ).toBe(1);
+    });
+    it('can add a variant to the list when there is an existing base product', () => {
+      const { result, dispatch } = setup(initialState);
+
+      act(() =>
+        dispatch({
+          type: 'ADD',
+          payload: {
+            listId: null,
+            articleNumber: '502935480',
+            variantArticleNumber: 'boogie-woogie',
+            options: {
+              quantity: 1
+            }
+          }
+        })
+      );
+
+      const [state] = result.current;
+      const list = state.lists.get(null);
+
+      expect(list.items['502935480'].options).not.toBe(null);
+      expect(
+        list.items['502935480'].variants['boogie-woogie'].options.quantity
+      ).toBe(1);
+    });
+    it('can add a variant to the list when there is a base product with variants', () => {
+      const { result, dispatch } = setup(initialState);
+
+      act(() =>
+        dispatch({
+          type: 'ADD',
+          payload: {
+            listId: null,
+            articleNumber: '6952315',
+            variantArticleNumber: 'boogie-woogie',
+            options: {
+              quantity: 1
+            }
+          }
+        })
+      );
+
+      const [state] = result.current;
+      const list = state.lists.get(null);
+
+      expect(list.items['6952315'].options).not.toBe(null);
+      expect(
+        list.items['6952315'].variants['boogie-woogie'].options.quantity
+      ).toBe(1);
+      expect(list.items['6952315'].variants['6952315-170-white']).toMatchObject(
+        MOCK_LIST_ITEMS['6952315'].variants['6952315-170-white']
+      );
+    });
+  });
+  describe('REMOVE action', () => {
+    it('will entirely remove a base product with no variants', () => {
+      const { result, dispatch } = setup(initialState);
+
+      act(() =>
+        dispatch({
+          type: 'REMOVE',
+          payload: {
+            listId: null,
+            articleNumber: '502935480'
+          }
+        })
+      );
+
+      const [state] = result.current;
+      const list = state.lists.get(null);
+
+      expect(list.items['502935480']).not.toBeDefined();
+    });
+    it('will entirely remove an item if the variant is removed and there is no base product', () => {
+      const { result, dispatch } = setup(initialState);
+
+      act(() =>
+        dispatch({
+          type: 'REMOVE',
+          payload: {
+            listId: null,
+            articleNumber: 'without-base',
+            variantArticleNumber: 'with-variant'
+          }
+        })
+      );
+
+      const [state] = result.current;
+      const list = state.lists.get(null);
+
+      expect(list['without-base']).not.toBeDefined();
+    });
+    it('will keep the variant if one exists', () => {
+      const { result, dispatch } = setup(initialState);
+      const articleToRemove = '6952315';
+
+      act(() =>
+        dispatch({
+          type: 'REMOVE',
+          payload: {
+            listId: null,
+            articleNumber: articleToRemove
+          }
+        })
+      );
+
+      const [state] = result.current;
+      const list = state.lists.get(null);
+
+      expect(list.items[articleToRemove].options).toBe(null);
+      expect(list.items[articleToRemove].variants).toBeDefined();
+    });
+    it('will remove the variant but keep the base product', () => {
+      const { result, dispatch } = setup(initialState);
+
+      const parent = '6952315';
+      const articleToRemove = '6952315-170-white';
+
+      act(() =>
+        dispatch({
+          type: 'REMOVE',
+          payload: {
+            listId: null,
+            articleNumber: parent,
+            variantArticleNumber: articleToRemove
+          }
+        })
+      );
+
+      const [state] = result.current;
+      const list = state.lists.get(null);
+
+      expect(list.items[parent].variants[articleToRemove]).not.toBeDefined();
+      expect(list.items[parent].options).toBeDefined();
+    });
+  });
+
+  describe('DELETE_LIST action', () => {
+    it('can delete a product list', () => {
+      const listId = '12345';
+      const initialState = {
+        loggedIn: false,
+        lists: new Map([[listId, MOCK_LIST_ITEMS]])
+      };
+
+      const { result, dispatch } = setup(initialState);
+      const [state] = result.current;
+
+      expect(state.lists.get(listId)).toBeDefined;
+
+      act(() =>
+        dispatch({
+          type: 'DELETE_LIST',
+          payload: { listId }
+        })
+      );
+
+      expect(state.lists.get(listId)).toBeUndefined;
+    });
+  });
+
+  describe('CREATE_LIST action', () => {
+    it('can create a new product list', () => {
+      const listId = '12345';
+      const { result, dispatch } = setup();
+      const name = 'My Stuff';
+
+      act(() =>
+        dispatch({
+          type: 'CREATE_LIST',
+          payload: { listId, list: { name } }
+        })
+      );
+
+      const [state] = result.current;
+      expect(state.lists.has(listId)).toBe(true);
+      expect(state.lists.get(listId).name).toBe(name);
+    });
+  });
+
+  describe('CLEAR_ITEMS action', () => {
+    it('can clear items on a product list', () => {
+      const { result, dispatch } = setup(initialState);
+      const listId = null;
+
+      act(() =>
+        dispatch({
+          type: 'CLEAR_ITEMS',
+          payload: { listId }
+        })
+      );
+
+      const [state] = result.current;
+      const list = state.lists.get(listId);
+      expect(list.items).toMatchObject({});
+    });
+  });
+});
+
+function setup(initialState) {
+  const { result } = renderHook(() => useProductListReducer({ initialState }));
+
+  const [, dispatch] = result.current;
+
+  return { result, dispatch };
+}
+
+function useProductListReducer({ initialState }) {
+  const [state, dispatch] = useReducer(
+    reducer,
+    initialState || { loggedIn: false, lists: new Map() }
+  );
+
+  return [state, dispatch];
+}