@riosst100/pwa-marketplace 1.2.6 → 1.2.7

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

@@ -1,72 +1,72 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders correctly 1`] = `
-<form
-  onKeyDown={[Function]}
-  onReset={[Function]}
-  onSubmit={[Function]}
->
-  <span
-    className="root"
-    style={
-      Object {
-        "--iconsAfter": 0,
-        "--iconsBefore": 1,
-      }
-    }
-  >
-    <span
-      className="input"
-    >
-      <input
-        className="input"
-        id="search_query"
-        name="search_query"
-        onBlur={[Function]}
-        onChange={[Function]}
-        onFocus={[MockFunction]}
-        value=""
-      />
-    </span>
-    <span
-      className="before"
-    >
-      <span
-        className="root"
-      >
-        <svg
-          className="icon"
-          fill="none"
-          height={24}
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="2"
-          viewBox="0 0 24 24"
-          width={24}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <circle
-            cx="11"
-            cy="11"
-            r="8"
-          />
-          <line
-            x1="21"
-            x2="16.65"
-            y1="21"
-            y2="16.65"
-          />
-        </svg>
-      </span>
-    </span>
-    <span
-      aria-hidden="false"
-      className="after"
-    />
-  </span>
-  <p
-    className="root"
-  />
-</form>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<form
+  onKeyDown={[Function]}
+  onReset={[Function]}
+  onSubmit={[Function]}
+>
+  <span
+    className="root"
+    style={
+      Object {
+        "--iconsAfter": 0,
+        "--iconsBefore": 1,
+      }
+    }
+  >
+    <span
+      className="input"
+    >
+      <input
+        className="input"
+        id="search_query"
+        name="search_query"
+        onBlur={[Function]}
+        onChange={[Function]}
+        onFocus={[MockFunction]}
+        value=""
+      />
+    </span>
+    <span
+      className="before"
+    >
+      <span
+        className="root"
+      >
+        <svg
+          className="icon"
+          fill="none"
+          height={24}
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          viewBox="0 0 24 24"
+          width={24}
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <circle
+            cx="11"
+            cy="11"
+            r="8"
+          />
+          <line
+            x1="21"
+            x2="16.65"
+            y1="21"
+            y2="16.65"
+          />
+        </svg>
+      </span>
+    </span>
+    <span
+      aria-hidden="false"
+      className="after"
+    />
+  </span>
+  <p
+    className="root"
+  />
+</form>
+`;

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

@@ -1,30 +1,30 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders correctly 1`] = `
-<ul>
-  <li>
-    <SuggestedCategory
-      label="A"
-      value="foo"
-    />
-  </li>
-  <li>
-    <SuggestedCategory
-      label="B"
-      value="foo"
-    />
-  </li>
-  <li>
-    <SuggestedCategory
-      label="C"
-      value="foo"
-    />
-  </li>
-  <li>
-    <SuggestedCategory
-      label="D"
-      value="foo"
-    />
-  </li>
-</ul>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<ul>
+  <li>
+    <SuggestedCategory
+      label="A"
+      value="foo"
+    />
+  </li>
+  <li>
+    <SuggestedCategory
+      label="B"
+      value="foo"
+    />
+  </li>
+  <li>
+    <SuggestedCategory
+      label="C"
+      value="foo"
+    />
+  </li>
+  <li>
+    <SuggestedCategory
+      label="D"
+      value="foo"
+    />
+  </li>
+</ul>
+`;

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

@@ -1,69 +1,69 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders a suggestedProduct component 1`] = `
-Array [
-  <div
-    className="root container"
-  >
-    <img
-      alt="Product Name"
-      aria-hidden="true"
-      className="image placeholder"
-      loading="eager"
-      src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzUnPjxyZWN0IHdpZHRoPSc0JyBoZWlnaHQ9JzUnIHN0eWxlPSdmaWxsOiBub25lJyAvPjwvc3ZnPg=="
-      style={
-        Object {
-          "--width": "60px",
-        }
-      }
-      width={60}
-    />
-    <img
-      alt="Product Name"
-      className="image notLoaded"
-      loading="lazy"
-      onError={[Function]}
-      onLoad={[Function]}
-      sizes="60px"
-      src="/media/catalog/category/minimalist.jpg"
-      srcSet="/media/catalog/category/minimalist.jpg 40w,
-/media/catalog/category/minimalist.jpg 80w,
-/media/catalog/category/minimalist.jpg 160w,
-/media/catalog/category/minimalist.jpg 320w,
-/media/catalog/category/minimalist.jpg 640w,
-/media/catalog/category/minimalist.jpg 960w,
-/media/catalog/category/minimalist.jpg 1280w,
-/media/catalog/category/minimalist.jpg 1600w,
-/media/catalog/category/minimalist.jpg 2560w"
-      style={
-        Object {
-          "--height": "75px",
-          "--width": "60px",
-        }
-      }
-      width={60}
-    />
-  </div>,
-  <span
-    className="name"
-  >
-    Product Name
-  </span>,
-  <span
-    className="price"
-  >
-    <span>
-      $
-    </span>
-    <span>
-      3
-    </span>
-    <span>
-      .
-    </span>
-    <span>
-      50
-    </span>
-  </span>,
-]
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders a suggestedProduct component 1`] = `
+Array [
+  <div
+    className="root container"
+  >
+    <img
+      alt="Product Name"
+      aria-hidden="true"
+      className="image placeholder"
+      loading="eager"
+      src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzUnPjxyZWN0IHdpZHRoPSc0JyBoZWlnaHQ9JzUnIHN0eWxlPSdmaWxsOiBub25lJyAvPjwvc3ZnPg=="
+      style={
+        Object {
+          "--width": "60px",
+        }
+      }
+      width={60}
+    />
+    <img
+      alt="Product Name"
+      className="image notLoaded"
+      loading="lazy"
+      onError={[Function]}
+      onLoad={[Function]}
+      sizes="60px"
+      src="/media/catalog/category/minimalist.jpg"
+      srcSet="/media/catalog/category/minimalist.jpg 40w,
+/media/catalog/category/minimalist.jpg 80w,
+/media/catalog/category/minimalist.jpg 160w,
+/media/catalog/category/minimalist.jpg 320w,
+/media/catalog/category/minimalist.jpg 640w,
+/media/catalog/category/minimalist.jpg 960w,
+/media/catalog/category/minimalist.jpg 1280w,
+/media/catalog/category/minimalist.jpg 1600w,
+/media/catalog/category/minimalist.jpg 2560w"
+      style={
+        Object {
+          "--height": "75px",
+          "--width": "60px",
+        }
+      }
+      width={60}
+    />
+  </div>,
+  <span
+    className="name"
+  >
+    Product Name
+  </span>,
+  <span
+    className="price"
+  >
+    <span>
+      $
+    </span>
+    <span>
+      3
+    </span>
+    <span>
+      .
+    </span>
+    <span>
+      50
+    </span>
+  </span>,
+]
+`;

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

@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders correctly 1`] = `
-<ul>
-  <li />
-</ul>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<ul>
+  <li />
+</ul>
+`;

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

@@ -1,12 +1,12 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders correctly 1`] = `
-<h2>
-  <span>
-    <mock-FormattedMessage
-      defaultMessage="Product Suggestions"
-      id="searchBar.heading"
-    />
-  </span>
-</h2>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly 1`] = `
+<h2>
+  <span>
+    <mock-FormattedMessage
+      defaultMessage="Product Suggestions"
+      id="searchBar.heading"
+    />
+  </span>
+</h2>
+`;

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

@@ -1,52 +1,52 @@
-import React from 'react';
-import { InMemoryCache } from '@apollo/client';
-import { MockedProvider } from '@apollo/client/testing';
-import { Form } from 'informed';
-import { createTestInstance } from '@magento/peregrine';
-import typePolicies from '@magento/peregrine/lib/Apollo/policies';
-
-import Autocomplete from '../autocomplete';
-import { IntlProvider } from 'react-intl';
-
-jest.mock('../../../classify');
-jest.mock('../suggestions', () => () => null);
-
-jest.mock('@magento/peregrine/lib/context/eventing', () => ({
-    useEventingContext: jest.fn().mockReturnValue([{}, { dispatch: jest.fn() }])
-}));
-
-const cache = new InMemoryCache({
-    typePolicies
-});
-
-test('renders correctly', () => {
-    const { root } = createTestInstance(
-        <MockedProvider addTypename={true} cache={cache}>
-            <IntlProvider locale="en-US">
-                <Form>
-                    <Autocomplete visible={false} />
-                </Form>
-            </IntlProvider>
-        </MockedProvider>
-    );
-
-    expect(root.findByProps({ className: 'root_hidden' })).toBeTruthy();
-    expect(root.findByProps({ className: 'message' })).toBeTruthy();
-    expect(root.findByProps({ className: 'suggestions' })).toBeTruthy();
-});
-
-test('renders correctly when visible', () => {
-    const { root } = createTestInstance(
-        <MockedProvider addTypename={true} cache={cache}>
-            <IntlProvider locale="en-US">
-                <Form>
-                    <Autocomplete visible={true} />
-                </Form>
-            </IntlProvider>
-        </MockedProvider>
-    );
-
-    expect(root.findByProps({ className: 'root_visible' })).toBeTruthy();
-    expect(root.findByProps({ className: 'message' })).toBeTruthy();
-    expect(root.findByProps({ className: 'suggestions' })).toBeTruthy();
-});
+import React from 'react';
+import { InMemoryCache } from '@apollo/client';
+import { MockedProvider } from '@apollo/client/testing';
+import { Form } from 'informed';
+import { createTestInstance } from '@magento/peregrine';
+import typePolicies from '@magento/peregrine/lib/Apollo/policies';
+
+import Autocomplete from '../autocomplete';
+import { IntlProvider } from 'react-intl';
+
+jest.mock('../../../classify');
+jest.mock('../suggestions', () => () => null);
+
+jest.mock('@magento/peregrine/lib/context/eventing', () => ({
+    useEventingContext: jest.fn().mockReturnValue([{}, { dispatch: jest.fn() }])
+}));
+
+const cache = new InMemoryCache({
+    typePolicies
+});
+
+test('renders correctly', () => {
+    const { root } = createTestInstance(
+        <MockedProvider addTypename={true} cache={cache}>
+            <IntlProvider locale="en-US">
+                <Form>
+                    <Autocomplete visible={false} />
+                </Form>
+            </IntlProvider>
+        </MockedProvider>
+    );
+
+    expect(root.findByProps({ className: 'root_hidden' })).toBeTruthy();
+    expect(root.findByProps({ className: 'message' })).toBeTruthy();
+    expect(root.findByProps({ className: 'suggestions' })).toBeTruthy();
+});
+
+test('renders correctly when visible', () => {
+    const { root } = createTestInstance(
+        <MockedProvider addTypename={true} cache={cache}>
+            <IntlProvider locale="en-US">
+                <Form>
+                    <Autocomplete visible={true} />
+                </Form>
+            </IntlProvider>
+        </MockedProvider>
+    );
+
+    expect(root.findByProps({ className: 'root_visible' })).toBeTruthy();
+    expect(root.findByProps({ className: 'message' })).toBeTruthy();
+    expect(root.findByProps({ className: 'suggestions' })).toBeTruthy();
+});

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

@@ -1,82 +1,82 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-
-import { Form } from 'informed';
-import { act } from 'react-test-renderer';
-import { createTestInstance } from '@magento/peregrine';
-
-import Autocomplete from '../autocomplete';
-import SearchBar from '../searchBar';
-import SearchField from '../searchField';
-
-jest.mock('../../../classify');
-jest.mock('../autocomplete', () => () => null);
-jest.mock('../searchField', () => () => null);
-jest.mock('react-router-dom', () => ({
-    useHistory: jest.fn(() => ({})),
-    useLocation: jest.fn(() => ({}))
-}));
-
-const push = jest.fn();
-useHistory.mockImplementation(() => ({ push }));
-
-test('renders correctly', () => {
-    const { root } = createTestInstance(<SearchBar isOpen={false} />);
-
-    expect(root.findByProps({ className: 'root' })).toBeTruthy();
-    expect(root.findByProps({ className: 'container' })).toBeTruthy();
-    expect(root.findByProps({ className: 'form' })).toBeTruthy();
-    expect(root.findByProps({ className: 'search' })).toBeTruthy();
-    expect(root.findByProps({ className: 'autocomplete' })).toBeTruthy();
-});
-
-test('sets different classnames when open', () => {
-    const { root } = createTestInstance(<SearchBar isOpen={true} />);
-
-    expect(root.findAllByProps({ className: 'root' })).toHaveLength(0);
-    expect(root.findByProps({ className: 'root_open' })).toBeTruthy();
-});
-
-test('expands or collapses on change, depending on the value', () => {
-    const { root } = createTestInstance(<SearchBar isOpen={false} />);
-
-    expect(root.findByType(Autocomplete).props.visible).toBe(false);
-
-    act(() => {
-        root.findByType(SearchField).props.onChange('foo');
-    });
-
-    expect(root.findByType(Autocomplete).props.visible).toBe(true);
-
-    act(() => {
-        root.findByType(SearchField).props.onChange('');
-    });
-
-    expect(root.findByType(Autocomplete).props.visible).toBe(false);
-});
-
-test('expands on focus', () => {
-    const { root } = createTestInstance(<SearchBar isOpen={false} />);
-
-    expect(root.findByType(Autocomplete).props.visible).toBe(false);
-
-    act(() => {
-        root.findByType(SearchField).props.onFocus();
-    });
-
-    expect(root.findByType(Autocomplete).props.visible).toBe(true);
-});
-
-test('navigates on submit', () => {
-    const { root } = createTestInstance(<SearchBar isOpen={false} />);
-
-    const inputString = 'foo';
-
-    act(() => {
-        root.findByType(Form).props.onSubmit({
-            search_query: inputString
-        });
-    });
-
-    expect(push).toHaveBeenLastCalledWith(`/search.html?query=${inputString}`);
-});
+import React from 'react';
+import { useHistory } from 'react-router-dom';
+
+import { Form } from 'informed';
+import { act } from 'react-test-renderer';
+import { createTestInstance } from '@magento/peregrine';
+
+import Autocomplete from '../autocomplete';
+import SearchBar from '../searchBar';
+import SearchField from '../searchField';
+
+jest.mock('../../../classify');
+jest.mock('../autocomplete', () => () => null);
+jest.mock('../searchField', () => () => null);
+jest.mock('react-router-dom', () => ({
+    useHistory: jest.fn(() => ({})),
+    useLocation: jest.fn(() => ({}))
+}));
+
+const push = jest.fn();
+useHistory.mockImplementation(() => ({ push }));
+
+test('renders correctly', () => {
+    const { root } = createTestInstance(<SearchBar isOpen={false} />);
+
+    expect(root.findByProps({ className: 'root' })).toBeTruthy();
+    expect(root.findByProps({ className: 'container' })).toBeTruthy();
+    expect(root.findByProps({ className: 'form' })).toBeTruthy();
+    expect(root.findByProps({ className: 'search' })).toBeTruthy();
+    expect(root.findByProps({ className: 'autocomplete' })).toBeTruthy();
+});
+
+test('sets different classnames when open', () => {
+    const { root } = createTestInstance(<SearchBar isOpen={true} />);
+
+    expect(root.findAllByProps({ className: 'root' })).toHaveLength(0);
+    expect(root.findByProps({ className: 'root_open' })).toBeTruthy();
+});
+
+test('expands or collapses on change, depending on the value', () => {
+    const { root } = createTestInstance(<SearchBar isOpen={false} />);
+
+    expect(root.findByType(Autocomplete).props.visible).toBe(false);
+
+    act(() => {
+        root.findByType(SearchField).props.onChange('foo');
+    });
+
+    expect(root.findByType(Autocomplete).props.visible).toBe(true);
+
+    act(() => {
+        root.findByType(SearchField).props.onChange('');
+    });
+
+    expect(root.findByType(Autocomplete).props.visible).toBe(false);
+});
+
+test('expands on focus', () => {
+    const { root } = createTestInstance(<SearchBar isOpen={false} />);
+
+    expect(root.findByType(Autocomplete).props.visible).toBe(false);
+
+    act(() => {
+        root.findByType(SearchField).props.onFocus();
+    });
+
+    expect(root.findByType(Autocomplete).props.visible).toBe(true);
+});
+
+test('navigates on submit', () => {
+    const { root } = createTestInstance(<SearchBar isOpen={false} />);
+
+    const inputString = 'foo';
+
+    act(() => {
+        root.findByType(Form).props.onSubmit({
+            search_query: inputString
+        });
+    });
+
+    expect(push).toHaveBeenLastCalledWith(`/search.html?query=${inputString}`);
+});