@jetshop/core 5.13.12-0 → 5.14.0-alpha.49df897e

package/hooks/PackageProducts/usePackageProducts.test.js

@@ -1,383 +1,383 @@
-import React from 'react';
-import { usePackageProduct } from './';
-import { renderHook, act } from '@testing-library/react-hooks';
-import { ProviderPyramid } from '../../test-utils/ProviderPyramid';
-import gql from 'graphql-tag';
-
-//////////////////////////////////////////////////////////////////////////////
-// MOCKS
-const packageQuery = gql`
-  query PackageProductQuery($articleNumber: String) {
-    product(articleNumber: $articleNumber) {
-      id
-      isPackage
-      package {
-        items {
-          minQuantity
-          product {
-            id
-            articleNumber
-            hasVariants
-            stockStatus {
-              buyable
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-
-const packageWithVariantsQuery = gql`
-  query PackageProductQuery($articleNumber: String) {
-    product(articleNumber: $articleNumber) {
-      id
-      articleNumber
-      isPackage
-      package {
-        items {
-          minQuantity
-          product {
-            hasVariants
-            id
-            articleNumber
-            stockStatus {
-              buyable
-            }
-            variants {
-              values {
-                articleNumber
-                stockStatus {
-                  buyable
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-
-const mockPriceQuery = gql`
-  query PackageValidation(
-    $articleNumber: String
-    $products: [PackagePriceInput]
-  ) {
-    product(articleNumber: $articleNumber) {
-      id
-      package(articleNumbers: $products) {
-        price {
-          incVat
-          exVat
-          vat
-        }
-        discountValue {
-          incVat
-          exVat
-          vat
-        }
-      }
-    }
-  }
-`;
-
-const mocks = [
-  {
-    request: {
-      query: packageQuery,
-      variables: {
-        articleNumber: '123'
-      }
-    },
-    result: {
-      data: {
-        product: {
-          id: '12312',
-          isPackage: true,
-          package: {
-            items: [
-              {
-                minQuantity: 1,
-                product: {
-                  id: '23423',
-                  articleNumber: 'dfgsdfgsd',
-                  hasVariants: false,
-                  stockStatus: { buyable: true }
-                }
-              }
-            ]
-          }
-        }
-      }
-    }
-  },
-  {
-    request: {
-      query: mockPriceQuery,
-      variables: {
-        articleNumber: '123',
-        products: [{ product: 'dfgsdfgsd', variant: null }]
-      }
-    },
-    result: {
-      data: {
-        product: {
-          id: '1234',
-          package: {
-            price: {
-              incVat: 123,
-              exVat: 100,
-              vat: 23
-            },
-            discountValue: {
-              incVat: 50,
-              exVat: 10,
-              vat: 40
-            }
-          }
-        }
-      }
-    }
-  },
-  {
-    request: {
-      query: packageQuery,
-      variables: {
-        articleNumber: 'not-buyable'
-      }
-    },
-    result: {
-      data: {
-        product: {
-          id: '12312',
-          isPackage: true,
-          package: {
-            items: [
-              {
-                minQuantity: 1,
-                product: {
-                  id: '23423',
-                  articleNumber: 'dfgsdfgsd',
-                  hasVariants: false,
-                  stockStatus: { buyable: false }
-                }
-              }
-            ]
-          }
-        }
-      }
-    }
-  },
-  {
-    request: {
-      query: packageWithVariantsQuery,
-      variables: {
-        articleNumber: 'with-variants'
-      }
-    },
-    result: {
-      data: {
-        product: {
-          id: 549,
-          articleNumber: 'with-variants',
-          isPackage: true,
-          package: {
-            items: [
-              {
-                minQuantity: 1,
-                product: {
-                  hasVariants: false,
-                  id: 551,
-                  articleNumber: '9-87-4545-W',
-                  stockStatus: {
-                    buyable: true
-                  },
-                  variants: {
-                    values: []
-                  }
-                }
-              },
-              {
-                minQuantity: 6,
-                product: {
-                  hasVariants: true,
-                  id: 550,
-                  articleNumber: '50-989-65',
-                  stockStatus: {
-                    buyable: true
-                  },
-                  variants: {
-                    values: [
-                      {
-                        articleNumber: '50-989-65-G-M',
-                        stockStatus: {
-                          buyable: false
-                        }
-                      },
-                      {
-                        articleNumber: '50-989-65-G-L',
-                        stockStatus: {
-                          buyable: true
-                        }
-                      },
-                      {
-                        articleNumber: '50-989-65-B-M',
-                        stockStatus: {
-                          buyable: true
-                        }
-                      },
-                      {
-                        articleNumber: '50-989-65-B-L',
-                        stockStatus: {
-                          buyable: true
-                        }
-                      }
-                    ]
-                  }
-                }
-              }
-            ]
-          }
-        }
-      }
-    }
-  },
-  {
-    request: {
-      query: mockPriceQuery,
-      variables: {
-        articleNumber: 'with-variants',
-        products: [
-          { product: '9-87-4545-W', variant: null },
-          { product: '50-989-65', variant: '50-989-65-G-M' }
-        ]
-      }
-    },
-    result: {
-      data: {
-        product: {
-          id: '1234',
-          package: {
-            price: {
-              incVat: 123,
-              exVat: 100,
-              vat: 23
-            },
-            discountValue: {
-              incVat: 50,
-              exVat: 10,
-              vat: 40
-            }
-          }
-        }
-      }
-    }
-  }
-];
-
-//////////////////////////////////////////////////////////////////////////////
-// TESTS
-
-describe('usePackageProducts', () => {
-  describe('when all items are valid', () => {
-    it('fetches the price and ends in buyable state', async () => {
-      const { result, waitForNextUpdate } = renderHook(
-        () =>
-          usePackageProduct({
-            product: {
-              articleNumber: '123'
-            },
-            packageProductQuery: packageQuery,
-            priceQuery: mockPriceQuery
-          }),
-        {
-          wrapper: ({ children }) => (
-            <ProviderPyramid apolloMocks={mocks}>{children}</ProviderPyramid>
-          )
-        }
-      );
-
-      expect(result.current.status).toBe('loading');
-
-      await waitForNextUpdate();
-
-      expect(result.current.status).toBe('fetching_price');
-
-      await waitForNextUpdate();
-
-      expect(result.current.price.price.incVat).toBe(123);
-      expect(result.current.price.discountValue.incVat).toBe(50);
-
-      expect(result.current.status).toBe('buyable');
-    });
-    describe('and the user switches to an invalid item', () => {
-      it('results in invalid state', async () => {
-        const { result, waitForNextUpdate } = renderHook(
-          () =>
-            usePackageProduct({
-              product: {
-                articleNumber: 'with-variants'
-              },
-              packageProductQuery: packageWithVariantsQuery,
-              priceQuery: mockPriceQuery
-            }),
-          {
-            wrapper: ({ children }) => (
-              <ProviderPyramid apolloMocks={mocks}>{children}</ProviderPyramid>
-            )
-          }
-        );
-
-        expect(result.current.status).toBe('loading');
-
-        await waitForNextUpdate();
-
-        expect(result.current.status).toBe('invalid');
-
-        act(() => {
-          // switch to an unbuyable variant
-          result.current.updatePackageItem('50-989-65', '50-989-65-G-M', false);
-        });
-
-        expect(result.current.status).toBe('invalid');
-
-        act(() => {
-          // switch to a buyable variant (denoted by last boolean param)
-          result.current.updatePackageItem('50-989-65', '50-989-65-G-M', true);
-        });
-
-        expect(result.current.status).toBe('fetching_price');
-
-        await waitForNextUpdate();
-
-        expect(result.current.status).toBe('buyable');
-      });
-    });
-  });
-  describe('when an item is not buyable', () => {
-    it('results in invalid state', async () => {
-      const { result, waitForNextUpdate } = renderHook(
-        () =>
-          usePackageProduct({
-            product: {
-              articleNumber: 'not-buyable'
-            },
-            packageProductQuery: packageQuery,
-            priceQuery: mockPriceQuery
-          }),
-        {
-          wrapper: ({ children }) => (
-            <ProviderPyramid apolloMocks={mocks}>{children}</ProviderPyramid>
-          )
-        }
-      );
-
-      expect(result.current.status).toBe('loading');
-
-      await waitForNextUpdate();
-
-      expect(result.current.status).toBe('invalid');
-    });
-  });
-});
+import React from 'react';
+import { usePackageProduct } from './';
+import { renderHook, act } from '@testing-library/react-hooks';
+import { ProviderPyramid } from '../../test-utils/ProviderPyramid';
+import gql from 'graphql-tag';
+
+//////////////////////////////////////////////////////////////////////////////
+// MOCKS
+const packageQuery = gql`
+  query PackageProductQuery($articleNumber: String) {
+    product(articleNumber: $articleNumber) {
+      id
+      isPackage
+      package {
+        items {
+          minQuantity
+          product {
+            id
+            articleNumber
+            hasVariants
+            stockStatus {
+              buyable
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+
+const packageWithVariantsQuery = gql`
+  query PackageProductQuery($articleNumber: String) {
+    product(articleNumber: $articleNumber) {
+      id
+      articleNumber
+      isPackage
+      package {
+        items {
+          minQuantity
+          product {
+            hasVariants
+            id
+            articleNumber
+            stockStatus {
+              buyable
+            }
+            variants {
+              values {
+                articleNumber
+                stockStatus {
+                  buyable
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+
+const mockPriceQuery = gql`
+  query PackageValidation(
+    $articleNumber: String
+    $products: [PackagePriceInput]
+  ) {
+    product(articleNumber: $articleNumber) {
+      id
+      package(articleNumbers: $products) {
+        price {
+          incVat
+          exVat
+          vat
+        }
+        discountValue {
+          incVat
+          exVat
+          vat
+        }
+      }
+    }
+  }
+`;
+
+const mocks = [
+  {
+    request: {
+      query: packageQuery,
+      variables: {
+        articleNumber: '123'
+      }
+    },
+    result: {
+      data: {
+        product: {
+          id: '12312',
+          isPackage: true,
+          package: {
+            items: [
+              {
+                minQuantity: 1,
+                product: {
+                  id: '23423',
+                  articleNumber: 'dfgsdfgsd',
+                  hasVariants: false,
+                  stockStatus: { buyable: true }
+                }
+              }
+            ]
+          }
+        }
+      }
+    }
+  },
+  {
+    request: {
+      query: mockPriceQuery,
+      variables: {
+        articleNumber: '123',
+        products: [{ product: 'dfgsdfgsd', variant: null }]
+      }
+    },
+    result: {
+      data: {
+        product: {
+          id: '1234',
+          package: {
+            price: {
+              incVat: 123,
+              exVat: 100,
+              vat: 23
+            },
+            discountValue: {
+              incVat: 50,
+              exVat: 10,
+              vat: 40
+            }
+          }
+        }
+      }
+    }
+  },
+  {
+    request: {
+      query: packageQuery,
+      variables: {
+        articleNumber: 'not-buyable'
+      }
+    },
+    result: {
+      data: {
+        product: {
+          id: '12312',
+          isPackage: true,
+          package: {
+            items: [
+              {
+                minQuantity: 1,
+                product: {
+                  id: '23423',
+                  articleNumber: 'dfgsdfgsd',
+                  hasVariants: false,
+                  stockStatus: { buyable: false }
+                }
+              }
+            ]
+          }
+        }
+      }
+    }
+  },
+  {
+    request: {
+      query: packageWithVariantsQuery,
+      variables: {
+        articleNumber: 'with-variants'
+      }
+    },
+    result: {
+      data: {
+        product: {
+          id: 549,
+          articleNumber: 'with-variants',
+          isPackage: true,
+          package: {
+            items: [
+              {
+                minQuantity: 1,
+                product: {
+                  hasVariants: false,
+                  id: 551,
+                  articleNumber: '9-87-4545-W',
+                  stockStatus: {
+                    buyable: true
+                  },
+                  variants: {
+                    values: []
+                  }
+                }
+              },
+              {
+                minQuantity: 6,
+                product: {
+                  hasVariants: true,
+                  id: 550,
+                  articleNumber: '50-989-65',
+                  stockStatus: {
+                    buyable: true
+                  },
+                  variants: {
+                    values: [
+                      {
+                        articleNumber: '50-989-65-G-M',
+                        stockStatus: {
+                          buyable: false
+                        }
+                      },
+                      {
+                        articleNumber: '50-989-65-G-L',
+                        stockStatus: {
+                          buyable: true
+                        }
+                      },
+                      {
+                        articleNumber: '50-989-65-B-M',
+                        stockStatus: {
+                          buyable: true
+                        }
+                      },
+                      {
+                        articleNumber: '50-989-65-B-L',
+                        stockStatus: {
+                          buyable: true
+                        }
+                      }
+                    ]
+                  }
+                }
+              }
+            ]
+          }
+        }
+      }
+    }
+  },
+  {
+    request: {
+      query: mockPriceQuery,
+      variables: {
+        articleNumber: 'with-variants',
+        products: [
+          { product: '9-87-4545-W', variant: null },
+          { product: '50-989-65', variant: '50-989-65-G-M' }
+        ]
+      }
+    },
+    result: {
+      data: {
+        product: {
+          id: '1234',
+          package: {
+            price: {
+              incVat: 123,
+              exVat: 100,
+              vat: 23
+            },
+            discountValue: {
+              incVat: 50,
+              exVat: 10,
+              vat: 40
+            }
+          }
+        }
+      }
+    }
+  }
+];
+
+//////////////////////////////////////////////////////////////////////////////
+// TESTS
+
+describe('usePackageProducts', () => {
+  describe('when all items are valid', () => {
+    it('fetches the price and ends in buyable state', async () => {
+      const { result, waitForNextUpdate } = renderHook(
+        () =>
+          usePackageProduct({
+            product: {
+              articleNumber: '123'
+            },
+            packageProductQuery: packageQuery,
+            priceQuery: mockPriceQuery
+          }),
+        {
+          wrapper: ({ children }) => (
+            <ProviderPyramid apolloMocks={mocks}>{children}</ProviderPyramid>
+          )
+        }
+      );
+
+      expect(result.current.status).toBe('loading');
+
+      await waitForNextUpdate();
+
+      expect(result.current.status).toBe('fetching_price');
+
+      await waitForNextUpdate();
+
+      expect(result.current.price.price.incVat).toBe(123);
+      expect(result.current.price.discountValue.incVat).toBe(50);
+
+      expect(result.current.status).toBe('buyable');
+    });
+    describe('and the user switches to an invalid item', () => {
+      it('results in invalid state', async () => {
+        const { result, waitForNextUpdate } = renderHook(
+          () =>
+            usePackageProduct({
+              product: {
+                articleNumber: 'with-variants'
+              },
+              packageProductQuery: packageWithVariantsQuery,
+              priceQuery: mockPriceQuery
+            }),
+          {
+            wrapper: ({ children }) => (
+              <ProviderPyramid apolloMocks={mocks}>{children}</ProviderPyramid>
+            )
+          }
+        );
+
+        expect(result.current.status).toBe('loading');
+
+        await waitForNextUpdate();
+
+        expect(result.current.status).toBe('invalid');
+
+        act(() => {
+          // switch to an unbuyable variant
+          result.current.updatePackageItem('50-989-65', '50-989-65-G-M', false);
+        });
+
+        expect(result.current.status).toBe('invalid');
+
+        act(() => {
+          // switch to a buyable variant (denoted by last boolean param)
+          result.current.updatePackageItem('50-989-65', '50-989-65-G-M', true);
+        });
+
+        expect(result.current.status).toBe('fetching_price');
+
+        await waitForNextUpdate();
+
+        expect(result.current.status).toBe('buyable');
+      });
+    });
+  });
+  describe('when an item is not buyable', () => {
+    it('results in invalid state', async () => {
+      const { result, waitForNextUpdate } = renderHook(
+        () =>
+          usePackageProduct({
+            product: {
+              articleNumber: 'not-buyable'
+            },
+            packageProductQuery: packageQuery,
+            priceQuery: mockPriceQuery
+          }),
+        {
+          wrapper: ({ children }) => (
+            <ProviderPyramid apolloMocks={mocks}>{children}</ProviderPyramid>
+          )
+        }
+      );
+
+      expect(result.current.status).toBe('loading');
+
+      await waitForNextUpdate();
+
+      expect(result.current.status).toBe('invalid');
+    });
+  });
+});