@jetshop/core 5.13.11-0 → 5.14.0-alpha.abd04298

package/hooks/useProductVariants/useProductVariants.test.js

@@ -1,415 +1,415 @@
-/* eslint-disable @typescript-eslint/no-use-before-define */
-import { renderHook, act } from '@testing-library/react-hooks';
-import { useProductVariants } from './useProductVariants';
-
-describe('useProductVariants', () => {
-  describe('when nothing has been selected yet', () => {
-    let initialResult;
-    beforeEach(() => {
-      const { result } = renderHook(() => useProductVariants(MOCK));
-
-      initialResult = result.current;
-    });
-    it('has no variant selected', () => {
-      expect(initialResult.selectedVariant).not.toBeDefined();
-    });
-    it('has validation set to incomplete', () => {
-      expect(initialResult.validation).toBe('incomplete');
-    });
-  });
-  describe('when a valid variant is passed in to initialVariant', () => {
-    let withInitialVariant;
-    beforeEach(() => {
-      const { result } = renderHook(() =>
-        useProductVariants(MOCK, {
-          initialVariant: IN_STOCK_VARIANT
-        })
-      );
-
-      withInitialVariant = result.current;
-    });
-    it('sets the selectedVariant accordingly', () => {
-      expect(withInitialVariant.selectedVariant).toBe(IN_STOCK_VARIANT);
-    });
-    it('has validation set to valid', () => {
-      expect(withInitialVariant.validation).toBe('valid');
-    });
-  });
-  describe('when an invalid variant is passed in to initialVariant', () => {
-    it('sets validation to invalid', () => {
-      const { result } = renderHook(() =>
-        useProductVariants(MOCK, {
-          initialVariant: { values: ['not', 'valid'] }
-        })
-      );
-
-      expect(result.current.validation).toBe('invalid');
-
-      act(() => {
-        result.current.selectValue('Light Gray', MOCK.variants.options[0]);
-      });
-
-      expect(result.current.validation).toBe('incomplete');
-
-      act(() => {
-        result.current.selectValue('140', MOCK.variants.options[1]);
-      });
-
-      expect(result.current.validation).toBe('valid');
-    });
-  });
-  describe('when an out of stock variant is passed in to initialVariant', () => {
-    let initialOutOfStock;
-    beforeEach(() => {
-      const { result } = renderHook(() =>
-        useProductVariants(MOCK, {
-          initialVariant: OUT_OF_STOCK_VARIANT
-        })
-      );
-
-      initialOutOfStock = result.current;
-    });
-    it('has validation set to outOfStock', () => {
-      expect(initialOutOfStock.validation).toBe('outOfStock');
-    });
-  });
-  describe('when a value is selected', () => {
-    let result;
-    beforeEach(() => {
-      const { result: hookResult } = renderHook(() => useProductVariants(MOCK));
-
-      result = hookResult;
-    });
-    describe('and not all options have a selected value yet', () => {
-      beforeEach(() => {
-        act(() => {
-          result.current.selectValue('Light Gray', MOCK.variants.options[0]);
-        });
-      });
-      it('has validation set to incomplete', () => {
-        expect(result.current.validation).toBe('incomplete');
-      });
-      it('has no selected variant', () => {
-        expect(result.current.variant).not.toBeDefined();
-      });
-      describe('getVariantForSelection', () => {
-        beforeEach(() => {
-          act(() => {
-            result.current.selectValue('Light Gray', MOCK.variants.options[0]);
-          });
-        });
-        it('returns the full variant', () => {
-          const variant = result.current.getVariantForSelection(
-            '120',
-            MOCK.variants.options[1]
-          );
-          expect(variant.articleNumber).toBe('9023490-g');
-          expect(variant.stockStatus.text).toBe('Not in stock');
-        });
-      });
-      describe('validateSelection', () => {
-        beforeEach(() => {
-          act(() => {
-            result.current.selectValue('Light Gray', MOCK.variants.options[0]);
-          });
-        });
-        it('determines whether the given value would result in a valid variant', () => {
-          {
-            const validation = result.current.validateSelection(
-              '120',
-              MOCK.variants.options[1]
-            );
-            expect(validation).toBe('outOfStock');
-          }
-
-          {
-            const validation = result.current.validateSelection(
-              '140',
-              MOCK.variants.options[1]
-            );
-            expect(validation).toBe('valid');
-          }
-
-          {
-            const validation = result.current.validateSelection(
-              '190',
-              MOCK.variants.options[1]
-            );
-            expect(validation).toBe('invalid');
-          }
-
-          {
-            const validation = result.current.validateSelection(
-              'boogie-woogie',
-              MOCK.variants.options[1]
-            );
-            expect(validation).toBe('invalid');
-          }
-        });
-      });
-      it('will return the selected value for an option with getSelectedValue', () => {
-        const { getSelectedValue } = result.current;
-        const value = getSelectedValue(MOCK.variants.options[0]);
-        const noValue = getSelectedValue(MOCK.variants.options[1]);
-
-        expect(value).toBe('Light Gray');
-        expect(noValue).toBe(undefined);
-      });
-      it('will not allow an invalid selection', () => {
-        const { selectValue } = result.current;
-        let error;
-
-        act(() => {
-          try {
-            selectValue('weewaw', MOCK.variants.options[1]);
-          } catch (err) {
-            error = err;
-          }
-        });
-        expect(error.toString()).toContain('not a valid value');
-      });
-    });
-  });
-  describe('getMissingOptions', () => {
-    it('returns options that have not been selected yet', () => {
-      const { result } = renderHook(() => useProductVariants(MOCK));
-
-      {
-        const missing = result.current.getMissingOptions();
-
-        expect(missing).toContain(MOCK.variants.options[0]);
-        expect(missing).toContain(MOCK.variants.options[1]);
-      }
-
-      {
-        act(() => {
-          result.current.selectValue('Black', MOCK.variants.options[0]);
-        });
-        const missing = result.current.getMissingOptions();
-        expect(missing).not.toContain(MOCK.variants.options[0]);
-        expect(missing).toContain(MOCK.variants.options[1]);
-      }
-    });
-    it('handles the case where second variant is selected first', () => {
-      const { result } = renderHook(() => useProductVariants(MOCK));
-
-      act(() => {
-        result.current.selectValue('140', MOCK.variants.options[1]);
-      });
-      const missing = result.current.getMissingOptions();
-      expect(missing).not.toContain(MOCK.variants.options[1]);
-      expect(missing).toContain(MOCK.variants.options[0]);
-    });
-  });
-  describe('when the product has a variant with only one value', () => {
-    it('selects it by default', () => {
-      const { result } = renderHook(() =>
-        useProductVariants(MOCK_WITH_ONE_OPTION_VALUE)
-      );
-
-      expect(result.current.selectedVariant).toBe(
-        MOCK_WITH_ONE_OPTION_VALUE.variants.values[0]
-      );
-    });
-  });
-  describe('when passing preselectCheapest as true', () => {
-    it('selects the cheapest variant', () => {
-      const { result } = renderHook(() =>
-        useProductVariants(MOCK, { preselectCheapest: true })
-      );
-      expect(result.current.selectedVariant).toBe(CHEAPEST_VARIANT);
-    });
-  });
-});
-
-const MOCK = {
-  id: 538,
-  articleNumber: '9023490',
-  name: 'AJ Floor lamp',
-  hasVariants: true,
-  price: { incVat: 8000, exVat: 6400, vat: 1600, __typename: 'Price' },
-  previousPrice: { incVat: 9000, exVat: 7200, vat: 1800, __typename: 'Price' },
-  stockStatus: {
-    buyable: true,
-    maxOrderQuantity: null,
-    stockDate: '2019-12-09',
-    stockNotificationEnabled: false,
-    text: 'In stock',
-    __typename: 'StockStatus'
-  },
-  variants: {
-    options: [
-      {
-        name: 'Färg',
-        values: ['Black', 'White', 'Light Gray'],
-        __typename: 'ProductVariantOption'
-      },
-      {
-        name: 'Höjd',
-        values: ['120', '140', '190'],
-        __typename: 'ProductVariantOption'
-      }
-    ],
-    values: [
-      {
-        values: ['Black', '120'],
-        articleNumber: '9023490-b',
-        images: [
-          {
-            url: 'https://www.demostore.se/pub_images/original/9023490-b.jpg',
-            __typename: 'ProductImage'
-          }
-        ],
-        price: { incVat: 9000, exVat: 7200, vat: 1800, __typename: 'Price' },
-        previousPrice: {
-          incVat: 10000,
-          exVat: 8000,
-          vat: 2000,
-          __typename: 'Price'
-        },
-        __typename: 'ProductVariant',
-        stockStatus: {
-          buyable: true,
-          maxOrderQuantity: null,
-          stockDate: '2019-12-09',
-          stockNotificationEnabled: false,
-          text: 'In Stock',
-          __typename: 'StockStatus'
-        }
-      },
-      {
-        values: ['Black', '140'],
-        articleNumber: '9023490-b2',
-        images: [
-          {
-            url: 'https://www.demostore.se/pub_images/original/9023490-b.jpg',
-            __typename: 'ProductImage'
-          }
-        ],
-        price: { incVat: 8000, exVat: 6400, vat: 1600, __typename: 'Price' },
-        previousPrice: {
-          incVat: 9000,
-          exVat: 7200,
-          vat: 1800,
-          __typename: 'Price'
-        },
-        __typename: 'ProductVariant',
-        stockStatus: {
-          buyable: true,
-          maxOrderQuantity: null,
-          stockDate: '2019-12-09',
-          stockNotificationEnabled: false,
-          text: 'In Stock',
-          __typename: 'StockStatus'
-        }
-      },
-      {
-        values: ['White', '120'],
-        articleNumber: '9023490-v',
-        images: [
-          {
-            url: 'https://www.demostore.se/pub_images/original/9023490-v.jpg',
-            __typename: 'ProductImage'
-          }
-        ],
-        price: { incVat: 10000, exVat: 8000, vat: 2000, __typename: 'Price' },
-        previousPrice: {
-          incVat: 10000,
-          exVat: 8000,
-          vat: 2000,
-          __typename: 'Price'
-        },
-        __typename: 'ProductVariant',
-        stockStatus: {
-          buyable: true,
-          maxOrderQuantity: null,
-          stockDate: '2019-12-09',
-          stockNotificationEnabled: false,
-          text: 'In Stock',
-          __typename: 'StockStatus'
-        }
-      },
-      {
-        values: ['Light Gray', '120'],
-        articleNumber: '9023490-g',
-        images: [
-          {
-            url: 'https://www.demostore.se/pub_images/original/9023490-g.jpg',
-            __typename: 'ProductImage'
-          }
-        ],
-        price: { incVat: 10000, exVat: 8000, vat: 2000, __typename: 'Price' },
-        previousPrice: {
-          incVat: 10000,
-          exVat: 8000,
-          vat: 2000,
-          __typename: 'Price'
-        },
-        __typename: 'ProductVariant',
-        stockStatus: {
-          buyable: false,
-          maxOrderQuantity: null,
-          stockDate: '2019-12-09',
-          stockNotificationEnabled: true,
-          text: 'Not in stock',
-          __typename: 'StockStatus'
-        }
-      },
-      {
-        values: ['Light Gray', '140'],
-        articleNumber: '9023490-g2',
-        images: [
-          {
-            url: 'https://www.demostore.se/pub_images/original/9023490-g.jpg',
-            __typename: 'ProductImage'
-          }
-        ],
-        price: { incVat: 10000, exVat: 8000, vat: 2000, __typename: 'Price' },
-        previousPrice: {
-          incVat: 10000,
-          exVat: 8000,
-          vat: 2000,
-          __typename: 'Price'
-        },
-        __typename: 'ProductVariant',
-        stockStatus: {
-          buyable: true,
-          maxOrderQuantity: null,
-          stockDate: '2019-12-09',
-          stockNotificationEnabled: true,
-          text: 'In stock',
-          __typename: 'StockStatus'
-        }
-      }
-    ],
-    __typename: 'ProductVariants'
-  }
-};
-
-const MOCK_WITH_ONE_OPTION_VALUE = {
-  hasVariants: true,
-  variants: {
-    options: [
-      {
-        name: 'Color',
-        values: ['Plurple']
-      },
-      {
-        name: 'Size',
-        values: ['Huge']
-      }
-    ],
-    values: [
-      {
-        values: ['Plurple', 'Huge'],
-        stockStatus: {
-          buyable: true
-        }
-      }
-    ]
-  }
-};
-
-const CHEAPEST_VARIANT = MOCK.variants.values[1];
-const IN_STOCK_VARIANT = MOCK.variants.values[2];
-const OUT_OF_STOCK_VARIANT = MOCK.variants.values[3];
+/* eslint-disable @typescript-eslint/no-use-before-define */
+import { renderHook, act } from '@testing-library/react-hooks';
+import { useProductVariants } from './useProductVariants';
+
+describe('useProductVariants', () => {
+  describe('when nothing has been selected yet', () => {
+    let initialResult;
+    beforeEach(() => {
+      const { result } = renderHook(() => useProductVariants(MOCK));
+
+      initialResult = result.current;
+    });
+    it('has no variant selected', () => {
+      expect(initialResult.selectedVariant).not.toBeDefined();
+    });
+    it('has validation set to incomplete', () => {
+      expect(initialResult.validation).toBe('incomplete');
+    });
+  });
+  describe('when a valid variant is passed in to initialVariant', () => {
+    let withInitialVariant;
+    beforeEach(() => {
+      const { result } = renderHook(() =>
+        useProductVariants(MOCK, {
+          initialVariant: IN_STOCK_VARIANT
+        })
+      );
+
+      withInitialVariant = result.current;
+    });
+    it('sets the selectedVariant accordingly', () => {
+      expect(withInitialVariant.selectedVariant).toBe(IN_STOCK_VARIANT);
+    });
+    it('has validation set to valid', () => {
+      expect(withInitialVariant.validation).toBe('valid');
+    });
+  });
+  describe('when an invalid variant is passed in to initialVariant', () => {
+    it('sets validation to invalid', () => {
+      const { result } = renderHook(() =>
+        useProductVariants(MOCK, {
+          initialVariant: { values: ['not', 'valid'] }
+        })
+      );
+
+      expect(result.current.validation).toBe('invalid');
+
+      act(() => {
+        result.current.selectValue('Light Gray', MOCK.variants.options[0]);
+      });
+
+      expect(result.current.validation).toBe('incomplete');
+
+      act(() => {
+        result.current.selectValue('140', MOCK.variants.options[1]);
+      });
+
+      expect(result.current.validation).toBe('valid');
+    });
+  });
+  describe('when an out of stock variant is passed in to initialVariant', () => {
+    let initialOutOfStock;
+    beforeEach(() => {
+      const { result } = renderHook(() =>
+        useProductVariants(MOCK, {
+          initialVariant: OUT_OF_STOCK_VARIANT
+        })
+      );
+
+      initialOutOfStock = result.current;
+    });
+    it('has validation set to outOfStock', () => {
+      expect(initialOutOfStock.validation).toBe('outOfStock');
+    });
+  });
+  describe('when a value is selected', () => {
+    let result;
+    beforeEach(() => {
+      const { result: hookResult } = renderHook(() => useProductVariants(MOCK));
+
+      result = hookResult;
+    });
+    describe('and not all options have a selected value yet', () => {
+      beforeEach(() => {
+        act(() => {
+          result.current.selectValue('Light Gray', MOCK.variants.options[0]);
+        });
+      });
+      it('has validation set to incomplete', () => {
+        expect(result.current.validation).toBe('incomplete');
+      });
+      it('has no selected variant', () => {
+        expect(result.current.variant).not.toBeDefined();
+      });
+      describe('getVariantForSelection', () => {
+        beforeEach(() => {
+          act(() => {
+            result.current.selectValue('Light Gray', MOCK.variants.options[0]);
+          });
+        });
+        it('returns the full variant', () => {
+          const variant = result.current.getVariantForSelection(
+            '120',
+            MOCK.variants.options[1]
+          );
+          expect(variant.articleNumber).toBe('9023490-g');
+          expect(variant.stockStatus.text).toBe('Not in stock');
+        });
+      });
+      describe('validateSelection', () => {
+        beforeEach(() => {
+          act(() => {
+            result.current.selectValue('Light Gray', MOCK.variants.options[0]);
+          });
+        });
+        it('determines whether the given value would result in a valid variant', () => {
+          {
+            const validation = result.current.validateSelection(
+              '120',
+              MOCK.variants.options[1]
+            );
+            expect(validation).toBe('outOfStock');
+          }
+
+          {
+            const validation = result.current.validateSelection(
+              '140',
+              MOCK.variants.options[1]
+            );
+            expect(validation).toBe('valid');
+          }
+
+          {
+            const validation = result.current.validateSelection(
+              '190',
+              MOCK.variants.options[1]
+            );
+            expect(validation).toBe('invalid');
+          }
+
+          {
+            const validation = result.current.validateSelection(
+              'boogie-woogie',
+              MOCK.variants.options[1]
+            );
+            expect(validation).toBe('invalid');
+          }
+        });
+      });
+      it('will return the selected value for an option with getSelectedValue', () => {
+        const { getSelectedValue } = result.current;
+        const value = getSelectedValue(MOCK.variants.options[0]);
+        const noValue = getSelectedValue(MOCK.variants.options[1]);
+
+        expect(value).toBe('Light Gray');
+        expect(noValue).toBe(undefined);
+      });
+      it('will not allow an invalid selection', () => {
+        const { selectValue } = result.current;
+        let error;
+
+        act(() => {
+          try {
+            selectValue('weewaw', MOCK.variants.options[1]);
+          } catch (err) {
+            error = err;
+          }
+        });
+        expect(error.toString()).toContain('not a valid value');
+      });
+    });
+  });
+  describe('getMissingOptions', () => {
+    it('returns options that have not been selected yet', () => {
+      const { result } = renderHook(() => useProductVariants(MOCK));
+
+      {
+        const missing = result.current.getMissingOptions();
+
+        expect(missing).toContain(MOCK.variants.options[0]);
+        expect(missing).toContain(MOCK.variants.options[1]);
+      }
+
+      {
+        act(() => {
+          result.current.selectValue('Black', MOCK.variants.options[0]);
+        });
+        const missing = result.current.getMissingOptions();
+        expect(missing).not.toContain(MOCK.variants.options[0]);
+        expect(missing).toContain(MOCK.variants.options[1]);
+      }
+    });
+    it('handles the case where second variant is selected first', () => {
+      const { result } = renderHook(() => useProductVariants(MOCK));
+
+      act(() => {
+        result.current.selectValue('140', MOCK.variants.options[1]);
+      });
+      const missing = result.current.getMissingOptions();
+      expect(missing).not.toContain(MOCK.variants.options[1]);
+      expect(missing).toContain(MOCK.variants.options[0]);
+    });
+  });
+  describe('when the product has a variant with only one value', () => {
+    it('selects it by default', () => {
+      const { result } = renderHook(() =>
+        useProductVariants(MOCK_WITH_ONE_OPTION_VALUE)
+      );
+
+      expect(result.current.selectedVariant).toBe(
+        MOCK_WITH_ONE_OPTION_VALUE.variants.values[0]
+      );
+    });
+  });
+  describe('when passing preselectCheapest as true', () => {
+    it('selects the cheapest variant', () => {
+      const { result } = renderHook(() =>
+        useProductVariants(MOCK, { preselectCheapest: true })
+      );
+      expect(result.current.selectedVariant).toBe(CHEAPEST_VARIANT);
+    });
+  });
+});
+
+const MOCK = {
+  id: 538,
+  articleNumber: '9023490',
+  name: 'AJ Floor lamp',
+  hasVariants: true,
+  price: { incVat: 8000, exVat: 6400, vat: 1600, __typename: 'Price' },
+  previousPrice: { incVat: 9000, exVat: 7200, vat: 1800, __typename: 'Price' },
+  stockStatus: {
+    buyable: true,
+    maxOrderQuantity: null,
+    stockDate: '2019-12-09',
+    stockNotificationEnabled: false,
+    text: 'In stock',
+    __typename: 'StockStatus'
+  },
+  variants: {
+    options: [
+      {
+        name: 'Färg',
+        values: ['Black', 'White', 'Light Gray'],
+        __typename: 'ProductVariantOption'
+      },
+      {
+        name: 'Höjd',
+        values: ['120', '140', '190'],
+        __typename: 'ProductVariantOption'
+      }
+    ],
+    values: [
+      {
+        values: ['Black', '120'],
+        articleNumber: '9023490-b',
+        images: [
+          {
+            url: 'https://www.demostore.se/pub_images/original/9023490-b.jpg',
+            __typename: 'ProductImage'
+          }
+        ],
+        price: { incVat: 9000, exVat: 7200, vat: 1800, __typename: 'Price' },
+        previousPrice: {
+          incVat: 10000,
+          exVat: 8000,
+          vat: 2000,
+          __typename: 'Price'
+        },
+        __typename: 'ProductVariant',
+        stockStatus: {
+          buyable: true,
+          maxOrderQuantity: null,
+          stockDate: '2019-12-09',
+          stockNotificationEnabled: false,
+          text: 'In Stock',
+          __typename: 'StockStatus'
+        }
+      },
+      {
+        values: ['Black', '140'],
+        articleNumber: '9023490-b2',
+        images: [
+          {
+            url: 'https://www.demostore.se/pub_images/original/9023490-b.jpg',
+            __typename: 'ProductImage'
+          }
+        ],
+        price: { incVat: 8000, exVat: 6400, vat: 1600, __typename: 'Price' },
+        previousPrice: {
+          incVat: 9000,
+          exVat: 7200,
+          vat: 1800,
+          __typename: 'Price'
+        },
+        __typename: 'ProductVariant',
+        stockStatus: {
+          buyable: true,
+          maxOrderQuantity: null,
+          stockDate: '2019-12-09',
+          stockNotificationEnabled: false,
+          text: 'In Stock',
+          __typename: 'StockStatus'
+        }
+      },
+      {
+        values: ['White', '120'],
+        articleNumber: '9023490-v',
+        images: [
+          {
+            url: 'https://www.demostore.se/pub_images/original/9023490-v.jpg',
+            __typename: 'ProductImage'
+          }
+        ],
+        price: { incVat: 10000, exVat: 8000, vat: 2000, __typename: 'Price' },
+        previousPrice: {
+          incVat: 10000,
+          exVat: 8000,
+          vat: 2000,
+          __typename: 'Price'
+        },
+        __typename: 'ProductVariant',
+        stockStatus: {
+          buyable: true,
+          maxOrderQuantity: null,
+          stockDate: '2019-12-09',
+          stockNotificationEnabled: false,
+          text: 'In Stock',
+          __typename: 'StockStatus'
+        }
+      },
+      {
+        values: ['Light Gray', '120'],
+        articleNumber: '9023490-g',
+        images: [
+          {
+            url: 'https://www.demostore.se/pub_images/original/9023490-g.jpg',
+            __typename: 'ProductImage'
+          }
+        ],
+        price: { incVat: 10000, exVat: 8000, vat: 2000, __typename: 'Price' },
+        previousPrice: {
+          incVat: 10000,
+          exVat: 8000,
+          vat: 2000,
+          __typename: 'Price'
+        },
+        __typename: 'ProductVariant',
+        stockStatus: {
+          buyable: false,
+          maxOrderQuantity: null,
+          stockDate: '2019-12-09',
+          stockNotificationEnabled: true,
+          text: 'Not in stock',
+          __typename: 'StockStatus'
+        }
+      },
+      {
+        values: ['Light Gray', '140'],
+        articleNumber: '9023490-g2',
+        images: [
+          {
+            url: 'https://www.demostore.se/pub_images/original/9023490-g.jpg',
+            __typename: 'ProductImage'
+          }
+        ],
+        price: { incVat: 10000, exVat: 8000, vat: 2000, __typename: 'Price' },
+        previousPrice: {
+          incVat: 10000,
+          exVat: 8000,
+          vat: 2000,
+          __typename: 'Price'
+        },
+        __typename: 'ProductVariant',
+        stockStatus: {
+          buyable: true,
+          maxOrderQuantity: null,
+          stockDate: '2019-12-09',
+          stockNotificationEnabled: true,
+          text: 'In stock',
+          __typename: 'StockStatus'
+        }
+      }
+    ],
+    __typename: 'ProductVariants'
+  }
+};
+
+const MOCK_WITH_ONE_OPTION_VALUE = {
+  hasVariants: true,
+  variants: {
+    options: [
+      {
+        name: 'Color',
+        values: ['Plurple']
+      },
+      {
+        name: 'Size',
+        values: ['Huge']
+      }
+    ],
+    values: [
+      {
+        values: ['Plurple', 'Huge'],
+        stockStatus: {
+          buyable: true
+        }
+      }
+    ]
+  }
+};
+
+const CHEAPEST_VARIANT = MOCK.variants.values[1];
+const IN_STOCK_VARIANT = MOCK.variants.values[2];
+const OUT_OF_STOCK_VARIANT = MOCK.variants.values[3];