@riosst100/pwa-marketplace 1.2.7 → 1.2.9

package/src/overwrites/venia-ui/lib/components/MegaMenu/__tests__/MegaMenuItem.spec.js

@@ -1,123 +1,123 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { act } from 'react-test-renderer';
-
-import { createTestInstance } from '@magento/peregrine';
-
-import MegaMenuItem from '../megaMenuItem';
-
-jest.mock('../../../classify');
-jest.mock('../../Icon', () => props => <mock-Icon {...props} />);
-jest.mock('../submenu', () => props => <mock-Submenu {...props} />);
-jest.mock('react', () => {
-    const React = jest.requireActual('react');
-    const memoSpy = jest.spyOn(React, 'useMemo');
-
-    return Object.assign(React, {
-        useMemo: memoSpy
-    });
-});
-
-const mockHandleKeyDown = jest.fn();
-
-jest.mock('react-router-dom', () => ({
-    Link: jest.fn(() => props => <mock-Link {...props} />)
-}));
-
-jest.mock('@magento/peregrine/lib/talons/MegaMenu/useMegaMenuItem', () => ({
-    useMegaMenuItem: jest.fn(() => {
-        return {
-            isFocused: false,
-            isActive: false,
-            handleMenuItemFocus: jest.fn(),
-            handleCloseSubMenu: jest.fn(),
-            isMenuActive: false,
-            handleKeyDown: mockHandleKeyDown
-        };
-    })
-}));
-
-let inputProps = {};
-
-const Component = () => {
-    return <MegaMenuItem {...inputProps} />;
-};
-
-const givenDefaultValues = () => {
-    inputProps = {
-        activeCategoryId: 1,
-        category: {
-            id: 1,
-            name: 'Women',
-            url_path: 'women',
-            isActive: true,
-            children: [
-                {
-                    id: 2,
-                    name: 'Bottoms',
-                    url_path: 'bottoms',
-                    children: []
-                },
-                {
-                    id: 3,
-                    name: 'Tops',
-                    url_path: 'tops',
-                    isActive: false,
-                    children: []
-                }
-            ]
-        },
-        rootCategoryName: 'Clothing',
-        categoryUrlSuffix: '.html',
-        mainNavWidth: 200,
-        subMenuState: 'test',
-        disableFocus: false
-    };
-};
-
-describe('Mega menu item renders correctly', () => {
-    beforeEach(() => {
-        givenDefaultValues();
-    });
-
-    test('it renders correctly', () => {
-        const instance = createTestInstance(<Component />);
-
-        expect(instance.toJSON()).toMatchSnapshot();
-    });
-
-    test('it marks the active category', () => {
-        const { root } = createTestInstance(<Component />);
-
-        expect(root.findByType(Link).props.className).toEqual('megaMenuLink');
-        expect(root.findByType(Link).props.to).toEqual('/women.html');
-        expect(root.findByType(Link).props.children[0]).toEqual('Women');
-    });
-
-    it('should call a11yClick', () => {
-        const { root } = createTestInstance(<Component />);
-
-        act(() => {
-            root.findByType(Link).props.onKeyDown();
-        });
-
-        expect(mockHandleKeyDown).toHaveBeenCalled();
-    });
-
-    test('it does not render submenu when item does not have children', () => {
-        const categoryWithoutChildren = {
-            id: 3,
-            name: 'Tops',
-            url_path: 'tops',
-            isActive: false,
-            children: []
-        };
-
-        const instance = createTestInstance(
-            <Component category={categoryWithoutChildren} />
-        );
-
-        expect(instance.toJSON().children.length).toEqual(1);
-        expect(instance.toJSON()).toMatchSnapshot();
-    });
-});
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { act } from 'react-test-renderer';
+
+import { createTestInstance } from '@magento/peregrine';
+
+import MegaMenuItem from '../megaMenuItem';
+
+jest.mock('../../../classify');
+jest.mock('../../Icon', () => props => <mock-Icon {...props} />);
+jest.mock('../submenu', () => props => <mock-Submenu {...props} />);
+jest.mock('react', () => {
+    const React = jest.requireActual('react');
+    const memoSpy = jest.spyOn(React, 'useMemo');
+
+    return Object.assign(React, {
+        useMemo: memoSpy
+    });
+});
+
+const mockHandleKeyDown = jest.fn();
+
+jest.mock('react-router-dom', () => ({
+    Link: jest.fn(() => props => <mock-Link {...props} />)
+}));
+
+jest.mock('@magento/peregrine/lib/talons/MegaMenu/useMegaMenuItem', () => ({
+    useMegaMenuItem: jest.fn(() => {
+        return {
+            isFocused: false,
+            isActive: false,
+            handleMenuItemFocus: jest.fn(),
+            handleCloseSubMenu: jest.fn(),
+            isMenuActive: false,
+            handleKeyDown: mockHandleKeyDown
+        };
+    })
+}));
+
+let inputProps = {};
+
+const Component = () => {
+    return <MegaMenuItem {...inputProps} />;
+};
+
+const givenDefaultValues = () => {
+    inputProps = {
+        activeCategoryId: 1,
+        category: {
+            id: 1,
+            name: 'Women',
+            url_path: 'women',
+            isActive: true,
+            children: [
+                {
+                    id: 2,
+                    name: 'Bottoms',
+                    url_path: 'bottoms',
+                    children: []
+                },
+                {
+                    id: 3,
+                    name: 'Tops',
+                    url_path: 'tops',
+                    isActive: false,
+                    children: []
+                }
+            ]
+        },
+        rootCategoryName: 'Clothing',
+        categoryUrlSuffix: '.html',
+        mainNavWidth: 200,
+        subMenuState: 'test',
+        disableFocus: false
+    };
+};
+
+describe('Mega menu item renders correctly', () => {
+    beforeEach(() => {
+        givenDefaultValues();
+    });
+
+    test('it renders correctly', () => {
+        const instance = createTestInstance(<Component />);
+
+        expect(instance.toJSON()).toMatchSnapshot();
+    });
+
+    test('it marks the active category', () => {
+        const { root } = createTestInstance(<Component />);
+
+        expect(root.findByType(Link).props.className).toEqual('megaMenuLink');
+        expect(root.findByType(Link).props.to).toEqual('/women.html');
+        expect(root.findByType(Link).props.children[0]).toEqual('Women');
+    });
+
+    it('should call a11yClick', () => {
+        const { root } = createTestInstance(<Component />);
+
+        act(() => {
+            root.findByType(Link).props.onKeyDown();
+        });
+
+        expect(mockHandleKeyDown).toHaveBeenCalled();
+    });
+
+    test('it does not render submenu when item does not have children', () => {
+        const categoryWithoutChildren = {
+            id: 3,
+            name: 'Tops',
+            url_path: 'tops',
+            isActive: false,
+            children: []
+        };
+
+        const instance = createTestInstance(
+            <Component category={categoryWithoutChildren} />
+        );
+
+        expect(instance.toJSON().children.length).toEqual(1);
+        expect(instance.toJSON()).toMatchSnapshot();
+    });
+});

package/src/overwrites/venia-ui/lib/components/MegaMenu/__tests__/Submenu.spec.js

@@ -1,61 +1,61 @@
-import React from 'react';
-import { createTestInstance } from '@magento/peregrine';
-import { MemoryRouter } from 'react-router-dom';
-
-import Submenu from '../submenu';
-
-jest.mock('../../../classify');
-jest.mock('../submenuColumn', () => props => <mock-SubmenuColumn {...props} />);
-jest.mock('react', () => {
-    const React = jest.requireActual('react');
-    const callbackSpy = jest.spyOn(React, 'useCallback');
-
-    return Object.assign(React, {
-        callbackSpy: callbackSpy
-    });
-});
-
-const handleCloseSubMenu = jest.fn().mockName('handleCloseSubMenu');
-
-describe('Submenu renders correctly', () => {
-    const props = {
-        items: [
-            {
-                id: 1,
-                name: 'Bottoms',
-                url_path: 'bottoms',
-                children: [
-                    {
-                        id: 3,
-                        name: 'Pants',
-                        url_path: 'pants',
-                        isActive: false,
-                        children: []
-                    }
-                ]
-            },
-            {
-                id: 2,
-                name: 'Tops',
-                url_path: 'tops',
-                isActive: false,
-                children: []
-            }
-        ],
-        rootCategoryName: 'Clothing',
-        firstLevelCategoryName: 'Women',
-        categoryUrlSuffix: '.html',
-        handleCloseSubMenu,
-        isFocused: false,
-        subMenuState: false
-    };
-    test('it renders correctly', () => {
-        const instance = createTestInstance(
-            <MemoryRouter>
-                <Submenu {...props} />
-            </MemoryRouter>
-        );
-
-        expect(instance.toJSON()).toMatchSnapshot();
-    });
-});
+import React from 'react';
+import { createTestInstance } from '@magento/peregrine';
+import { MemoryRouter } from 'react-router-dom';
+
+import Submenu from '../submenu';
+
+jest.mock('../../../classify');
+jest.mock('../submenuColumn', () => props => <mock-SubmenuColumn {...props} />);
+jest.mock('react', () => {
+    const React = jest.requireActual('react');
+    const callbackSpy = jest.spyOn(React, 'useCallback');
+
+    return Object.assign(React, {
+        callbackSpy: callbackSpy
+    });
+});
+
+const handleCloseSubMenu = jest.fn().mockName('handleCloseSubMenu');
+
+describe('Submenu renders correctly', () => {
+    const props = {
+        items: [
+            {
+                id: 1,
+                name: 'Bottoms',
+                url_path: 'bottoms',
+                children: [
+                    {
+                        id: 3,
+                        name: 'Pants',
+                        url_path: 'pants',
+                        isActive: false,
+                        children: []
+                    }
+                ]
+            },
+            {
+                id: 2,
+                name: 'Tops',
+                url_path: 'tops',
+                isActive: false,
+                children: []
+            }
+        ],
+        rootCategoryName: 'Clothing',
+        firstLevelCategoryName: 'Women',
+        categoryUrlSuffix: '.html',
+        handleCloseSubMenu,
+        isFocused: false,
+        subMenuState: false
+    };
+    test('it renders correctly', () => {
+        const instance = createTestInstance(
+            <MemoryRouter>
+                <Submenu {...props} />
+            </MemoryRouter>
+        );
+
+        expect(instance.toJSON()).toMatchSnapshot();
+    });
+});

package/src/overwrites/venia-ui/lib/components/MegaMenu/__tests__/SubmenuColumn.spec.js

@@ -1,50 +1,50 @@
-import React from 'react';
-import { createTestInstance } from '@magento/peregrine';
-import { MemoryRouter } from 'react-router-dom';
-
-import SubmenuColumn from '../submenuColumn';
-
-jest.mock('../../../classify');
-
-describe('Submenu column renders correctly', () => {
-    const props = {
-        category: {
-            id: 1,
-            name: 'Pants',
-            url_path: 'pants',
-            children: [
-                {
-                    id: 2,
-                    name: 'Jeans',
-                    url_path: 'jeans',
-                    isActive: true,
-                    children: []
-                }
-            ]
-        },
-        categoryUrlSuffix: '.html'
-    };
-
-    test('it renders correctly', () => {
-        const instance = createTestInstance(
-            <MemoryRouter>
-                <SubmenuColumn {...props} />
-            </MemoryRouter>
-        );
-
-        expect(instance.toJSON()).toMatchSnapshot();
-    });
-
-    test('it renders active state', () => {
-        const instance = createTestInstance(
-            <MemoryRouter>
-                <SubmenuColumn {...props} />
-            </MemoryRouter>
-        );
-
-        const activeLink = instance.root.findByProps({
-            className: 'linkActive'
-        });
-        expect(activeLink.props.children).toEqual('Jeans');
-    });
-});
+import React from 'react';
+import { createTestInstance } from '@magento/peregrine';
+import { MemoryRouter } from 'react-router-dom';
+
+import SubmenuColumn from '../submenuColumn';
+
+jest.mock('../../../classify');
+
+describe('Submenu column renders correctly', () => {
+    const props = {
+        category: {
+            id: 1,
+            name: 'Pants',
+            url_path: 'pants',
+            children: [
+                {
+                    id: 2,
+                    name: 'Jeans',
+                    url_path: 'jeans',
+                    isActive: true,
+                    children: []
+                }
+            ]
+        },
+        categoryUrlSuffix: '.html'
+    };
+
+    test('it renders correctly', () => {
+        const instance = createTestInstance(
+            <MemoryRouter>
+                <SubmenuColumn {...props} />
+            </MemoryRouter>
+        );
+
+        expect(instance.toJSON()).toMatchSnapshot();
+    });
+
+    test('it renders active state', () => {
+        const instance = createTestInstance(
+            <MemoryRouter>
+                <SubmenuColumn {...props} />
+            </MemoryRouter>
+        );
+
+        const activeLink = instance.root.findByProps({
+            className: 'linkActive'
+        });
+        expect(activeLink.props.children).toEqual('Jeans');
+    });
+});