@riosst100/pwa-marketplace 1.2.7 → 1.2.8

package/src/overwrites/venia-ui/lib/components/SearchBar/__tests__/searchField.spec.js

@@ -1,87 +1,87 @@
-import React from 'react';
-import { Form } from 'informed';
-import { act } from 'react-test-renderer';
-import { createTestInstance } from '@magento/peregrine';
-import Trigger from '../../Trigger';
-import SearchField from '../searchField';
-
-jest.mock('@magento/peregrine/lib/context/app', () => {
-    const state = {};
-    const api = {};
-    return {
-        useAppContext: jest.fn(() => [state, api])
-    };
-});
-
-jest.mock('../../../classify');
-jest.mock('../../Trigger', () => () => null);
-
-const onChange = jest.fn();
-const onFocus = jest.fn();
-
-test('renders correctly', () => {
-    const instance = createTestInstance(
-        <Form initialValues={{ search_query: '' }}>
-            <SearchField onChange={onChange} onFocus={onFocus} />
-        </Form>
-    );
-
-    expect(instance.toJSON()).toMatchSnapshot();
-});
-
-test('renders no reset button if value is empty', () => {
-    const { root } = createTestInstance(
-        <Form initialValues={{ search_query: '' }}>
-            <SearchField onChange={onChange} onFocus={onFocus} />
-        </Form>
-    );
-
-    expect(root.findAllByType(Trigger)).toHaveLength(0);
-});
-
-test('renders a reset button', () => {
-    let formApi;
-
-    const { root } = createTestInstance(
-        <Form
-            getApi={api => {
-                formApi = api;
-            }}
-        >
-            <SearchField onChange={onChange} onFocus={onFocus} />
-        </Form>
-    );
-
-    act(() => {
-        formApi.setValue('search_query', 'a');
-    });
-
-    expect(root.findAllByType(Trigger)).toHaveLength(1);
-});
-
-test('reset button resets the form', () => {
-    let formApi;
-
-    const { root } = createTestInstance(
-        <Form
-            getApi={api => {
-                formApi = api;
-            }}
-        >
-            <SearchField onChange={onChange} onFocus={onFocus} />
-        </Form>
-    );
-
-    act(() => {
-        formApi.setValue('search_query', 'a');
-    });
-
-    const trigger = root.findByType(Trigger);
-    const { action: resetForm } = trigger.props;
-
-    act(() => {
-        resetForm();
-    });
-
-    expect(formApi.getValue('search_query')).toBeUndefined();
-});
+import React from 'react';
+import { Form } from 'informed';
+import { act } from 'react-test-renderer';
+import { createTestInstance } from '@magento/peregrine';
+import Trigger from '../../Trigger';
+import SearchField from '../searchField';
+
+jest.mock('@magento/peregrine/lib/context/app', () => {
+    const state = {};
+    const api = {};
+    return {
+        useAppContext: jest.fn(() => [state, api])
+    };
+});
+
+jest.mock('../../../classify');
+jest.mock('../../Trigger', () => () => null);
+
+const onChange = jest.fn();
+const onFocus = jest.fn();
+
+test('renders correctly', () => {
+    const instance = createTestInstance(
+        <Form initialValues={{ search_query: '' }}>
+            <SearchField onChange={onChange} onFocus={onFocus} />
+        </Form>
+    );
+
+    expect(instance.toJSON()).toMatchSnapshot();
+});
+
+test('renders no reset button if value is empty', () => {
+    const { root } = createTestInstance(
+        <Form initialValues={{ search_query: '' }}>
+            <SearchField onChange={onChange} onFocus={onFocus} />
+        </Form>
+    );
+
+    expect(root.findAllByType(Trigger)).toHaveLength(0);
+});
+
+test('renders a reset button', () => {
+    let formApi;
+
+    const { root } = createTestInstance(
+        <Form
+            getApi={api => {
+                formApi = api;
+            }}
+        >
+            <SearchField onChange={onChange} onFocus={onFocus} />
+        </Form>
+    );
+
+    act(() => {
+        formApi.setValue('search_query', 'a');
+    });
+
+    expect(root.findAllByType(Trigger)).toHaveLength(1);
+});
+
+test('reset button resets the form', () => {
+    let formApi;
+
+    const { root } = createTestInstance(
+        <Form
+            getApi={api => {
+                formApi = api;
+            }}
+        >
+            <SearchField onChange={onChange} onFocus={onFocus} />
+        </Form>
+    );
+
+    act(() => {
+        formApi.setValue('search_query', 'a');
+    });
+
+    const trigger = root.findByType(Trigger);
+    const { action: resetForm } = trigger.props;
+
+    act(() => {
+        resetForm();
+    });
+
+    expect(formApi.getValue('search_query')).toBeUndefined();
+});

package/src/overwrites/venia-ui/lib/components/SearchBar/__tests__/suggestedCategories.spec.js

@@ -1,45 +1,45 @@
-import React from 'react';
-import { useLocation } from 'react-router-dom';
-import { createTestInstance } from '@magento/peregrine';
-import SuggestedCategories from '../suggestedCategories';
-import SuggestedCategory from '../suggestedCategory';
-
-jest.mock('react-router-dom', () => ({
-    Link: jest.fn(() => null),
-    useLocation: jest.fn()
-}));
-jest.mock('../suggestedCategory', () => 'SuggestedCategory');
-
-useLocation.mockReturnValue(globalThis.location);
-
-const categories = [
-    { label: 'A', value_string: 'a' },
-    { label: 'B', value_string: 'b' },
-    { label: 'C', value_string: 'c' },
-    { label: 'D', value_string: 'd' },
-    { label: 'E', value_string: 'e' }
-];
-
-test('renders correctly', () => {
-    const instance = createTestInstance(
-        <SuggestedCategories categories={categories} value="foo" />
-    );
-
-    expect(instance.toJSON()).toMatchSnapshot();
-});
-
-test('renders a max of 4 categories by default', () => {
-    const { root } = createTestInstance(
-        <SuggestedCategories categories={categories} value="foo" />
-    );
-
-    expect(root.findAllByType(SuggestedCategory)).toHaveLength(4);
-});
-
-test('allows the render limit to be configured', () => {
-    const { root } = createTestInstance(
-        <SuggestedCategories categories={categories} limit={2} value="foo" />
-    );
-
-    expect(root.findAllByType(SuggestedCategory)).toHaveLength(2);
-});
+import React from 'react';
+import { useLocation } from 'react-router-dom';
+import { createTestInstance } from '@magento/peregrine';
+import SuggestedCategories from '../suggestedCategories';
+import SuggestedCategory from '../suggestedCategory';
+
+jest.mock('react-router-dom', () => ({
+    Link: jest.fn(() => null),
+    useLocation: jest.fn()
+}));
+jest.mock('../suggestedCategory', () => 'SuggestedCategory');
+
+useLocation.mockReturnValue(globalThis.location);
+
+const categories = [
+    { label: 'A', value_string: 'a' },
+    { label: 'B', value_string: 'b' },
+    { label: 'C', value_string: 'c' },
+    { label: 'D', value_string: 'd' },
+    { label: 'E', value_string: 'e' }
+];
+
+test('renders correctly', () => {
+    const instance = createTestInstance(
+        <SuggestedCategories categories={categories} value="foo" />
+    );
+
+    expect(instance.toJSON()).toMatchSnapshot();
+});
+
+test('renders a max of 4 categories by default', () => {
+    const { root } = createTestInstance(
+        <SuggestedCategories categories={categories} value="foo" />
+    );
+
+    expect(root.findAllByType(SuggestedCategory)).toHaveLength(4);
+});
+
+test('allows the render limit to be configured', () => {
+    const { root } = createTestInstance(
+        <SuggestedCategories categories={categories} limit={2} value="foo" />
+    );
+
+    expect(root.findAllByType(SuggestedCategory)).toHaveLength(2);
+});

package/src/overwrites/venia-ui/lib/components/SearchBar/__tests__/suggestedProduct.spec.js

@@ -1,43 +1,43 @@
-import React from 'react';
-import TestRenderer from 'react-test-renderer';
-import SuggestedProduct from '../suggestedProduct';
-
-jest.mock('../../../classify');
-jest.mock('react-router-dom', () => ({
-    Link: ({ children }) => children
-}));
-jest.mock('@magento/peregrine/lib/util/makeUrl');
-jest.mock('@magento/peregrine/lib/context/eventing', () => ({
-    useEventingContext: jest.fn().mockReturnValue([{}, { dispatch: jest.fn() }])
-}));
-
-const defaultProps = {
-    handleOnProductOpen: jest.fn(),
-    url_key: 'urlKey',
-    small_image: '/media/catalog/category/minimalist.jpg',
-    name: 'Product Name',
-    price: {
-        regularPrice: {
-            amount: {
-                currency: 'USD',
-                value: 3.5
-            }
-        }
-    },
-    price_range: {
-        maximum_price: {
-            final_price: {
-                currency: 'USD',
-                value: 3.5
-            }
-        }
-    }
-};
-
-test('renders a suggestedProduct component', () => {
-    const component = TestRenderer.create(
-        <SuggestedProduct {...defaultProps} />
-    );
-
-    expect(component.toJSON()).toMatchSnapshot();
-});
+import React from 'react';
+import TestRenderer from 'react-test-renderer';
+import SuggestedProduct from '../suggestedProduct';
+
+jest.mock('../../../classify');
+jest.mock('react-router-dom', () => ({
+    Link: ({ children }) => children
+}));
+jest.mock('@magento/peregrine/lib/util/makeUrl');
+jest.mock('@magento/peregrine/lib/context/eventing', () => ({
+    useEventingContext: jest.fn().mockReturnValue([{}, { dispatch: jest.fn() }])
+}));
+
+const defaultProps = {
+    handleOnProductOpen: jest.fn(),
+    url_key: 'urlKey',
+    small_image: '/media/catalog/category/minimalist.jpg',
+    name: 'Product Name',
+    price: {
+        regularPrice: {
+            amount: {
+                currency: 'USD',
+                value: 3.5
+            }
+        }
+    },
+    price_range: {
+        maximum_price: {
+            final_price: {
+                currency: 'USD',
+                value: 3.5
+            }
+        }
+    }
+};
+
+test('renders a suggestedProduct component', () => {
+    const component = TestRenderer.create(
+        <SuggestedProduct {...defaultProps} />
+    );
+
+    expect(component.toJSON()).toMatchSnapshot();
+});

package/src/overwrites/venia-ui/lib/components/SearchBar/__tests__/suggestedProducts.spec.js

@@ -1,45 +1,45 @@
-import React from 'react';
-import { createTestInstance } from '@magento/peregrine';
-
-import mapProduct from '../../../util/mapProduct';
-import SuggestedProduct from '../suggestedProduct';
-import SuggestedProducts from '../suggestedProducts';
-
-jest.mock('../../../util/mapProduct', () => jest.fn());
-jest.mock('../suggestedProduct', () => () => null);
-
-const products = [{ id: 'a' }, { id: 'b' }, { id: 'c' }, { id: 'd' }];
-
-test('renders correctly', () => {
-    const subset = products.slice(0, 1);
-
-    const instance = createTestInstance(
-        <SuggestedProducts products={subset} />
-    );
-
-    expect(instance.toJSON()).toMatchSnapshot();
-});
-
-test('renders a max of 3 products by default', () => {
-    const { root } = createTestInstance(
-        <SuggestedProducts products={products} />
-    );
-
-    expect(root.findAllByType(SuggestedProduct)).toHaveLength(3);
-});
-
-test('allows the render limit to be configured', () => {
-    const { root } = createTestInstance(
-        <SuggestedProducts limit={2} products={products} />
-    );
-
-    expect(root.findAllByType(SuggestedProduct)).toHaveLength(2);
-});
-
-test('calls `mapProduct()` for each item', () => {
-    createTestInstance(<SuggestedProducts limit={4} products={products} />);
-
-    products.forEach((product, index) => {
-        expect(mapProduct).toHaveBeenNthCalledWith(1 + index, product);
-    });
-});
+import React from 'react';
+import { createTestInstance } from '@magento/peregrine';
+
+import mapProduct from '../../../util/mapProduct';
+import SuggestedProduct from '../suggestedProduct';
+import SuggestedProducts from '../suggestedProducts';
+
+jest.mock('../../../util/mapProduct', () => jest.fn());
+jest.mock('../suggestedProduct', () => () => null);
+
+const products = [{ id: 'a' }, { id: 'b' }, { id: 'c' }, { id: 'd' }];
+
+test('renders correctly', () => {
+    const subset = products.slice(0, 1);
+
+    const instance = createTestInstance(
+        <SuggestedProducts products={subset} />
+    );
+
+    expect(instance.toJSON()).toMatchSnapshot();
+});
+
+test('renders a max of 3 products by default', () => {
+    const { root } = createTestInstance(
+        <SuggestedProducts products={products} />
+    );
+
+    expect(root.findAllByType(SuggestedProduct)).toHaveLength(3);
+});
+
+test('allows the render limit to be configured', () => {
+    const { root } = createTestInstance(
+        <SuggestedProducts limit={2} products={products} />
+    );
+
+    expect(root.findAllByType(SuggestedProduct)).toHaveLength(2);
+});
+
+test('calls `mapProduct()` for each item', () => {
+    createTestInstance(<SuggestedProducts limit={4} products={products} />);
+
+    products.forEach((product, index) => {
+        expect(mapProduct).toHaveBeenNthCalledWith(1 + index, product);
+    });
+});

package/src/overwrites/venia-ui/lib/components/SearchBar/__tests__/suggestions.spec.js

@@ -1,110 +1,110 @@
-import React from 'react';
-import { createTestInstance } from '@magento/peregrine';
-
-import Suggestions from '../suggestions';
-
-jest.mock('../suggestedCategories', () => () => null);
-jest.mock('../suggestedProducts', () => () => null);
-
-test('renders correctly', () => {
-    const products = {
-        items: [{}]
-    };
-
-    const filters = [];
-
-    const instance = createTestInstance(
-        <Suggestions
-            displayResult={true}
-            filters={filters}
-            products={products}
-            visible={true}
-        />
-    );
-
-    expect(instance.toJSON()).toMatchSnapshot();
-});
-
-test('renders null if there are no items', () => {
-    const products = {
-        aggregations: [],
-        items: null
-    };
-
-    const { root } = createTestInstance(
-        <Suggestions displayResult={true} products={products} visible={true} />
-    );
-
-    expect(root.children).toEqual([]);
-});
-
-test('renders null if displayResult is false', () => {
-    const products = {
-        aggregations: [],
-        items: []
-    };
-
-    const { root } = createTestInstance(
-        <Suggestions displayResult={false} products={products} visible={true} />
-    );
-
-    expect(root.children).toEqual([]);
-});
-
-test('renders null if visible is false', () => {
-    const products = {
-        items: []
-    };
-    const filters = [];
-
-    const { root } = createTestInstance(
-        <Suggestions
-            displayResult={true}
-            filters={filters}
-            products={products}
-            visible={false}
-        />
-    );
-
-    expect(root.children).toEqual([]);
-});
-
-test('renders null if items array is empty', () => {
-    const products = {
-        items: []
-    };
-    const filters = [];
-
-    const { root } = createTestInstance(
-        <Suggestions
-            displayResult={true}
-            filters={filters}
-            products={products}
-            visible={true}
-        />
-    );
-
-    expect(root.children).toEqual([]);
-});
-
-test('renders a category list', () => {
-    const filters = [
-        { label: 'Color', options: [] },
-        { label: 'Category', options: [] }
-    ];
-
-    const products = {
-        items: [{}]
-    };
-
-    const { root } = createTestInstance(
-        <Suggestions
-            displayResult={true}
-            filters={filters}
-            products={products}
-            visible={true}
-        />
-    );
-
-    expect(root.findByProps({ categories: filters[1].options })).toBeTruthy();
-});
+import React from 'react';
+import { createTestInstance } from '@magento/peregrine';
+
+import Suggestions from '../suggestions';
+
+jest.mock('../suggestedCategories', () => () => null);
+jest.mock('../suggestedProducts', () => () => null);
+
+test('renders correctly', () => {
+    const products = {
+        items: [{}]
+    };
+
+    const filters = [];
+
+    const instance = createTestInstance(
+        <Suggestions
+            displayResult={true}
+            filters={filters}
+            products={products}
+            visible={true}
+        />
+    );
+
+    expect(instance.toJSON()).toMatchSnapshot();
+});
+
+test('renders null if there are no items', () => {
+    const products = {
+        aggregations: [],
+        items: null
+    };
+
+    const { root } = createTestInstance(
+        <Suggestions displayResult={true} products={products} visible={true} />
+    );
+
+    expect(root.children).toEqual([]);
+});
+
+test('renders null if displayResult is false', () => {
+    const products = {
+        aggregations: [],
+        items: []
+    };
+
+    const { root } = createTestInstance(
+        <Suggestions displayResult={false} products={products} visible={true} />
+    );
+
+    expect(root.children).toEqual([]);
+});
+
+test('renders null if visible is false', () => {
+    const products = {
+        items: []
+    };
+    const filters = [];
+
+    const { root } = createTestInstance(
+        <Suggestions
+            displayResult={true}
+            filters={filters}
+            products={products}
+            visible={false}
+        />
+    );
+
+    expect(root.children).toEqual([]);
+});
+
+test('renders null if items array is empty', () => {
+    const products = {
+        items: []
+    };
+    const filters = [];
+
+    const { root } = createTestInstance(
+        <Suggestions
+            displayResult={true}
+            filters={filters}
+            products={products}
+            visible={true}
+        />
+    );
+
+    expect(root.children).toEqual([]);
+});
+
+test('renders a category list', () => {
+    const filters = [
+        { label: 'Color', options: [] },
+        { label: 'Category', options: [] }
+    ];
+
+    const products = {
+        items: [{}]
+    };
+
+    const { root } = createTestInstance(
+        <Suggestions
+            displayResult={true}
+            filters={filters}
+            products={products}
+            visible={true}
+        />
+    );
+
+    expect(root.findByProps({ categories: filters[1].options })).toBeTruthy();
+});