@shopgate/pwa-common 7.31.5 → 7.31.6

package/components/Widgets/spec.js

@@ -1,234 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { ThemeResourcesProvider } from '@shopgate/engage/core/providers';
-import Widgets from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-jest.useFakeTimers();
-jest.mock('@shopgate/pwa-common/context', () => ({
-  ThemeContext: {
-    Provider: ({
-      children
-    }) => children
-  }
-}));
-
-/**
- * A mock Image component.
- * @returns {JSX}
- */
-const Image = () => /*#__PURE__*/_jsx("img", {
-  alt: ""
-});
-/* eslint-disable react/prop-types */
-/**
- * A mock WidgetGrid component.
- * @param {Array} children Array of children.
- * @returns {JSX}
- */
-const WidgetGrid = ({
-  children
-}) => /*#__PURE__*/_jsx("div", {
-  className: "widget-grid",
-  children: children
-});
-/* eslint-enable react/prop-types */
-
-const components = {
-  v1: {
-    '@shopgate/commerce-widgets/image': Image,
-    '@shopgate/commerce-widgets/widget-grid': WidgetGrid
-  }
-};
-
-/**
- * @param {Object[]} widgets Widgets to be rendered.
- * @returns {JSX.Element}
- */
-const createWrapper = widgets => mount(/*#__PURE__*/_jsx(ThemeResourcesProvider, {
-  widgets: components,
-  components: {},
-  children: /*#__PURE__*/_jsx(Widgets, {
-    widgets: widgets
-  })
-}));
-describe('<Widgets />', () => {
-  it('should render a grid if height is defined', () => {
-    const widgets = [{
-      col: 0,
-      row: 0,
-      width: 12,
-      height: 3,
-      settings: {
-        id: 83535,
-        image: 'https://data.shopgate.com/shop_widget_images/23836/92204c0f264ac30d6836994c2fb64eb1.min.jpeg'
-      },
-      type: '@shopgate/commerce-widgets/image'
-    }];
-    const wrapper = createWrapper(widgets);
-    expect(wrapper.find('WidgetGrid').exists()).toBe(true);
-  });
-  it('should not wrap a widget which is not a grid and has no height', () => {
-    const widgets = [{
-      col: 0,
-      row: 0,
-      width: 12,
-      settings: {
-        id: 83535,
-        image: 'https://data.shopgate.com/shop_widget_images/23836/92204c0f264ac30d6836994c2fb64eb1.min.jpeg'
-      },
-      type: '@shopgate/commerce-widgets/image'
-    }];
-    const wrapper = createWrapper(widgets);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('WidgetGrid').exists()).toBe(false);
-  });
-  it('should render a grid if the widget is of type grid', () => {
-    const widgets = [{
-      type: '@shopgate/commerce-widgets/widget-grid',
-      settings: {
-        widgets: [{
-          col: 0,
-          row: 0,
-          width: 12,
-          height: 5,
-          settings: {
-            id: '84961',
-            alt: '',
-            image: 'https://data.shopgate.com/shop_widget_images/23836/aedc545959f55e3f73851eca0ed40a75.min.jpeg',
-            link: '/category/'
-          },
-          type: '@shopgate/commerce-widgets/image'
-        }]
-      }
-    }];
-    const wrapper = createWrapper(widgets);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('WidgetGrid').exists()).toBe(true);
-  });
-  it('should render only one widget when the second one is not published and third one is invalid', () => {
-    const widgets = [{
-      col: 0,
-      row: 0,
-      width: 12,
-      settings: {
-        id: 835351,
-        image: 'https://data.shopgate.com/shop_widget_images/23836/92204c0f264ac30d6836994c2fb64eb1.min.jpeg'
-      },
-      type: '@shopgate/commerce-widgets/image'
-    }, {
-      col: 0,
-      row: 0,
-      width: 12,
-      settings: {
-        id: 835352,
-        image: 'https://data.shopgate.com/shop_widget_images/23836/92204c0f264ac30d6836994c2fb64eb1.min.jpeg'
-      },
-      type: '@shopgate/commerce-widgets/imagefoo'
-    }, {
-      col: 0,
-      row: 0,
-      width: 12,
-      settings: {
-        published: false,
-        id: 835353,
-        image: 'https://data.shopgate.com/shop_widget_images/23836/92204c0f264ac30d6836994c2fb64eb1.min.jpeg'
-      },
-      type: '@shopgate/commerce-widgets/image'
-    }];
-    const wrapper = createWrapper(widgets);
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('img').length).toBe(1);
-  });
-  it('should schedule a re-render when widget is scheduled', () => {
-    // Use a fixed point in time so "next full hour" is deterministic.
-    // Pick a time that's not exactly on the hour.
-    const base = new Date('2023-01-01T10:37:00.000Z');
-    jest.setSystemTime(base);
-    const minutesToNextFullHour = 60 - base.getMinutes(); // 23
-    const msToNextFullHour = minutesToNextFullHour * 60000; // 23 * 60_000
-
-    const scheduledFromMs = Date.now() + msToNextFullHour - 1;
-    const scheduledToMs = Date.now() + minutesToNextFullHour + 1000;
-    const widgets = [{
-      col: 0,
-      row: 0,
-      width: 12,
-      settings: {
-        id: 835351,
-        image: 'https://data.shopgate.com/shop_widget_images/23836/92204c0f264ac30d6836994c2fb64eb1.min.jpeg',
-        published: true,
-        plan: true,
-        planDate: {
-          valid_from: new Date(scheduledFromMs).toISOString(),
-          valid_to: new Date(scheduledToMs).toISOString()
-        }
-      },
-      type: '@shopgate/commerce-widgets/image'
-    }];
-    const wrapper = createWrapper(widgets);
-    const instance = wrapper.find('Widgets').instance();
-    const clearSpy = jest.spyOn(global, 'clearTimeout');
-    instance.forceUpdate = jest.fn();
-
-    // Before the schedule hits, the image should not render yet.
-    expect(wrapper.find(Image).exists()).toBe(false);
-
-    // 1) Advance to the next full hour -> first forced update.
-    jest.advanceTimersByTime(msToNextFullHour);
-    expect(instance.forceUpdate).toHaveBeenCalledTimes(1);
-
-    // 2) The component should schedule the next tick for +60 min.
-    jest.advanceTimersByTime(60 * 60000);
-    expect(instance.forceUpdate).toHaveBeenCalledTimes(2);
-
-    // Unmount triggers cleanup of any pending timeouts.
-    wrapper.unmount();
-    expect(clearSpy).toHaveBeenCalled();
-    clearSpy.mockRestore();
-  });
-  it('should render only wrapper when widgets array is empty', () => {
-    const widgets = [];
-    const wrapper = createWrapper(widgets);
-    expect(wrapper.find('Image').exists()).toBe(false);
-  });
-  it('should render null when no widgets are passed', () => {
-    const wrapper = createWrapper(undefined);
-    expect(wrapper.find('Widgets').html()).toBe(null);
-  });
-  it('should check settings of child widgets inside widget-grid', () => {
-    const widgets = [{
-      height: 2,
-      id: 'index-5-@shopgate/commerce-widgets/widget-grid',
-      type: '@shopgate/commerce-widgets/widget-grid',
-      settings: {
-        widgets: [{
-          col: 0,
-          row: 0,
-          height: 2,
-          width: 2,
-          settings: {
-            id: 835351,
-            image: 'https://data.shopgate.com/shop_widget_images/23836/92204c0f264ac30d6836994c2fb64eb1.min.jpeg',
-            published: true,
-            plan: false
-          },
-          type: '@shopgate/commerce-widgets/image'
-        }, {
-          col: 2,
-          row: 0,
-          height: 2,
-          width: 2,
-          settings: {
-            id: 835352,
-            image: 'https://data.shopgate.com/shop_widget_images/23836/92204c0f264ac30d6836994c2fb64eb1.min.jpeg',
-            published: false,
-            plan: false
-          },
-          type: '@shopgate/commerce-widgets/image'
-        }]
-      }
-    }];
-    const wrapper = createWrapper(widgets);
-    expect(wrapper.find('img').length).toBe(1);
-  });
-});

package/helpers/data/spec.js

@@ -1,194 +0,0 @@
-import { assignObjectDeep } from '.';
-import { isObject } from "../validation";
-describe('helpers/data', () => {
-  describe('assignObjectDeep', () => {
-    it('should merge simple objects correctly', () => {
-      const modifier = {
-        b: 0,
-        c: null,
-        d: undefined,
-        g: 1.7,
-        h: 'g',
-        i: {
-          x: 'x'
-        },
-        j: ['a', 'b']
-      };
-
-      // Object to be mutated
-      const actual = {
-        a: 0,
-        b: 1,
-        c: 'abc',
-        d: 'def',
-        e: 'ghi',
-        f: null,
-        g: 1.6
-      };
-      assignObjectDeep(actual, modifier, false);
-      expect(actual).toEqual({
-        a: 0,
-        b: 0,
-        c: null,
-        d: undefined,
-        e: 'ghi',
-        f: null,
-        g: 1.7,
-        h: 'g',
-        i: {
-          x: 'x'
-        },
-        j: ['a', 'b']
-      });
-    });
-    it('should merge objects containing sub-objects correctly', () => {
-      const modifier = {
-        a: {
-          x: 2,
-          y: {
-            i: 'first mod',
-            k: 'new entry'
-          }
-        },
-        b: 'c',
-        c: undefined,
-        d: {
-          x: 'x'
-        },
-        e: ['a', 'b']
-      };
-
-      // Object to be mutated
-      const actual = {
-        a: {
-          x: 1,
-          y: {
-            i: 'first',
-            j: 'second'
-          }
-        },
-        b: {
-          x: 2,
-          y: {
-            i: 'first',
-            j: 'second'
-          }
-        }
-      };
-      assignObjectDeep(actual, modifier, false);
-      expect(actual).toEqual({
-        a: {
-          x: 2,
-          y: {
-            i: 'first mod',
-            j: 'second',
-            k: 'new entry'
-          }
-        },
-        b: 'c',
-        c: undefined,
-        d: {
-          x: 'x'
-        },
-        e: ['a', 'b']
-      });
-    });
-    it('should merge objects containing arrays correctly', () => {
-      /**
-       * This comparator detects unique scalar types and objects containing an id
-       * within the 'a' prop
-       *
-       * @param {string} path path
-       * @param {*} prev prev
-       * @param {*} next next
-       * @returns {boolean}
-       */
-      const comparator = (path, prev, next) => {
-        // Scalar types
-        if (!isObject(prev) || !isObject(next)) {
-          return prev === next;
-        }
-
-        // Object merge only occurring on array object-items within the 'a' prop
-        if (path.startsWith('$.a.')) {
-          return prev.id === next.id;
-        }
-        return false;
-      };
-      const modifier = {
-        b: [1, 2, 3],
-        a: [['non-unique1', 'non-unique1'], 'unique element', 2, {
-          id: 'custom-id-2',
-          data: {
-            x: null,
-            y: {
-              i: 'first',
-              j: 'second mod',
-              k: 'third'
-            },
-            z: 'new data entry'
-          }
-        }, {
-          id: 'custom-id-3',
-          data: {
-            x: 'a'
-          }
-        }]
-      };
-
-      // Object to be mutated
-      const actual = {
-        a: [1, 'unique element', {
-          id: 'custom-id-1',
-          data: {
-            x: 1,
-            y: {
-              i: 'first',
-              j: 'second'
-            }
-          }
-        }, {
-          id: 'custom-id-2',
-          data: {
-            x: 1,
-            y: {
-              i: 'first',
-              j: 'second'
-            }
-          }
-        }, ['non-unique1', 'non-unique1']],
-        b: [0]
-      };
-      assignObjectDeep(actual, modifier, false, comparator, '$');
-      expect(actual).toEqual({
-        a: [1, 'unique element', {
-          id: 'custom-id-1',
-          data: {
-            x: 1,
-            y: {
-              i: 'first',
-              j: 'second'
-            }
-          }
-        }, {
-          id: 'custom-id-2',
-          data: {
-            x: null,
-            y: {
-              i: 'first',
-              j: 'second mod',
-              k: 'third'
-            },
-            z: 'new data entry'
-          }
-        }, ['non-unique1', 'non-unique1'], ['non-unique1', 'non-unique1'], 2, {
-          id: 'custom-id-3',
-          data: {
-            x: 'a'
-          }
-        }],
-        b: [0, 1, 2, 3]
-      });
-    });
-  });
-});

package/helpers/date/spec.js

@@ -1,92 +0,0 @@
-import { isBefore, isAfter, isBetween, parseDuration, addDuration } from '.';
-describe('helpers/date', () => {
-  const date10Hours = new Date('2019-01-01T10:00:00.000Z');
-  const date12Hours = new Date('2019-01-01T12:00:00.000Z');
-  describe('isBefore', () => {
-    it('should be before', () => {
-      expect(isBefore(new Date('2019-01-01T09:59:59.000Z'), date10Hours)).toBeTruthy();
-    });
-    it('should be not before', () => {
-      expect(isBefore(new Date('2019-01-01T10:00:00.000Z'), date10Hours)).toBeFalsy();
-    });
-  });
-  describe('isAfter', () => {
-    it('should be after', () => {
-      expect(isAfter(new Date('2019-01-01T10:00:01.000Z'), date10Hours)).toBeTruthy();
-    });
-    it('should be not after', () => {
-      expect(isAfter(new Date('2019-01-01T10:00:00.000Z'), date10Hours)).toBeFalsy();
-    });
-  });
-  describe('isBetween', () => {
-    it('should be between', () => {
-      expect(isBetween(new Date('2019-01-01T11:00:00.000Z'), date10Hours, date12Hours)).toBeTruthy();
-    });
-    it('should be not between', () => {
-      expect(isBetween(new Date('2019-01-01T09:00:00.000Z'), date10Hours, date12Hours)).toBeFalsy();
-      expect(isBetween(new Date('2019-01-01T13:00:00.000Z'), date10Hours, date12Hours)).toBeFalsy();
-    });
-    it('should be inclusively between', () => {
-      expect(isBetween(new Date('2019-01-01T10:00:00.000Z'), date10Hours, date12Hours)).toBeTruthy();
-      expect(isBetween(new Date('2019-01-01T12:00:00.000Z'), date10Hours, date12Hours)).toBeTruthy();
-    });
-  });
-  describe('parseDuration', () => {
-    const parsed = {
-      Year: undefined,
-      Month: undefined,
-      Week: undefined,
-      Day: undefined,
-      Hour: undefined,
-      Minute: undefined,
-      Second: undefined
-    };
-    it('should parse 10 second', () => {
-      expect(parseDuration('PT10S')).toEqual({
-        ...parsed,
-        Second: 10
-      });
-    });
-    it('should parse 1 hour', () => {
-      expect(parseDuration('PT1H')).toEqual({
-        ...parsed,
-        Hour: 1
-      });
-    });
-    it('should parse 5 day', () => {
-      expect(parseDuration('P5D')).toEqual({
-        ...parsed,
-        Day: 5
-      });
-    });
-    it('should parse -5 day', () => {
-      expect(parseDuration('-P5D')).toEqual({
-        ...parsed,
-        Day: -5
-      });
-    });
-  });
-  describe('addDuration', () => {
-    const dateStub = '2019-01-01T11:00:00.000Z';
-    let date;
-    beforeEach(() => {
-      date = new Date(dateStub);
-    });
-    it('should add 0sec', () => {
-      addDuration(date, 'PT0S');
-      expect(date).toEqual(date);
-    });
-    it('should add 1 hour', () => {
-      addDuration(date, 'PT1H');
-      expect(date).toEqual(new Date('2019-01-01T12:00:00.000Z'));
-    });
-    it('should add 5 day', () => {
-      addDuration(date, 'P5D');
-      expect(date).toEqual(new Date('2019-01-06T11:00:00.000Z'));
-    });
-    it('should subtract 5 day', () => {
-      addDuration(date, '-P5D');
-      expect(date).toEqual(new Date('2018-12-27T11:00:00.000Z'));
-    });
-  });
-});

package/helpers/style/spec.js

@@ -1,108 +0,0 @@
-import { rem, physicalPixelSize } from "./index";
-describe('style helper', () => {
-  describe('rem helper with 16px rootSize', () => {
-    it('should output 0.875rem for 16px input', () => {
-      expect(rem(16)).toBe('1rem');
-    });
-    it('should output 0.875rem for 14px input', () => {
-      expect(rem(14)).toBe('0.875rem');
-    });
-    it('should output 0.75rem for 12px input', () => {
-      expect(rem(12)).toBe('0.75rem');
-    });
-    it('should output 0rem for 0px input', () => {
-      expect(rem(0)).toBe('0rem');
-    });
-  });
-  describe('rem helper error handling', () => {
-    let consoleSpy;
-    beforeAll(() => {
-      // Deactivate the console for the next tests to avoid logs within the test report.
-      consoleSpy = jest.spyOn(console, 'error').mockImplementation();
-    });
-    afterAll(() => {
-      consoleSpy.mockRestore();
-    });
-    afterEach(() => {
-      consoleSpy.mockReset();
-    });
-    it('should output 1rem as fallback for wrong parameters', () => {
-      expect(rem('rem')).toBe('1rem');
-      expect(consoleSpy).toHaveBeenCalledTimes(1);
-    });
-  });
-  describe('physicalPixelSize', () => {
-    describe('non-Android devices', () => {
-      beforeAll(() => {
-        Object.defineProperty(window.navigator, 'userAgent', {
-          value: 'Not And... user agent',
-          configurable: true
-        });
-      });
-      it('should output declarations for 1px size', () => {
-        expect(physicalPixelSize('foo', 1)).toEqual({
-          foo: 1,
-          '@media (min-device-pixel-ratio: 2)': {
-            foo: 0.5
-          },
-          '@media (-webkit-min-device-pixel-ratio: 2)': {
-            foo: 0.5
-          },
-          '@media (min-device-pixel-ratio: 3)': {
-            foo: 0.33
-          },
-          '@media (-webkit-min-device-pixel-ratio: 3)': {
-            foo: 0.33
-          }
-        });
-      });
-      it('should output declarations for 2px size', () => {
-        expect(physicalPixelSize('foo', 2)).toEqual({
-          foo: 2,
-          '@media (min-device-pixel-ratio: 2)': {
-            foo: 1
-          },
-          '@media (-webkit-min-device-pixel-ratio: 2)': {
-            foo: 1
-          },
-          '@media (min-device-pixel-ratio: 3)': {
-            foo: 0.67
-          },
-          '@media (-webkit-min-device-pixel-ratio: 3)': {
-            foo: 0.67
-          }
-        });
-      });
-      it('should output declarations for 3px size', () => {
-        expect(physicalPixelSize('foo', 3)).toEqual({
-          foo: 3,
-          '@media (min-device-pixel-ratio: 2)': {
-            foo: 1.5
-          },
-          '@media (-webkit-min-device-pixel-ratio: 2)': {
-            foo: 1.5
-          },
-          '@media (min-device-pixel-ratio: 3)': {
-            foo: 1
-          },
-          '@media (-webkit-min-device-pixel-ratio: 3)': {
-            foo: 1
-          }
-        });
-      });
-    });
-    describe('android devices', () => {
-      beforeAll(() => {
-        Object.defineProperty(window.navigator, 'userAgent', {
-          value: 'Foo Android',
-          configurable: true
-        });
-      });
-      it('should return natural number rules only', () => {
-        expect(physicalPixelSize('foo', 3)).toEqual({
-          foo: 3
-        });
-      });
-    });
-  });
-});

package/helpers/validation/spec.js

@@ -1,10 +0,0 @@
-import { isNumeric } from "./index";
-describe('helpers/validation', () => {
-  describe('isNumeric', () => {
-    describe('Non-regression, "123" is not numeric', () => {
-      it('should treat numeric number as numeric', () => {
-        expect(isNumeric('123')).toBe(true);
-      });
-    });
-  });
-});