Fix CartRow tests

CHANGELOG.md

@@ -8,6 +8,7 @@ All notable, unreleased changes to this project will be documented in this file.
 - Add Cypress tags to all of the buttons (also speed up tests) - #718 by @krzysztofwolski
 - Automatically choose variant attributes from url in ProductVariantPicker - #708 by @AlicjaSzu
 - Use sdk as a standalone package - #724 by @dominik-zeglen
+- Fix CartRow tests - #749 by @dominik-zeglen
 
 ## 2.10.1
 

src/@next/components/organisms/CartRow/__snapshots__/stories.storyshot

@@ -374,23 +374,33 @@ exports[`Storyshots @components/organisms/CartRow default 1`] = `
     <div
       className="c2"
     >
-      <img
-        alt="product image"
-        data-cy="cartPageItemundefinedImage"
-        onError={[Function]}
-        src="test-file-stub"
-        srcSet="test-file-stub 1x"
-      />
+      <a
+        href="/product/the-great-square-table/3/"
+        onClick={[Function]}
+      >
+        <img
+          alt="product image"
+          data-cy="cartPageItemundefinedImage"
+          onError={[Function]}
+          src="test-file-stub"
+          srcSet="test-file-stub 1x"
+        />
+      </a>
     </div>
     <div
       className="c3"
     >
-      <p
-        className="c4"
-        data-cy="cartPageItemundefinedName"
+      <a
+        href="/product/the-great-square-table/3/"
+        onClick={[Function]}
       >
-        The Great Square Table
-      </p>
+        <p
+          className="c4"
+          data-cy="cartPageItemundefinedName"
+        >
+          The Great Square Table
+        </p>
+      </a>
       <p
         className="c5"
       >

src/@next/components/organisms/CartRow/fixtures.ts

@@ -47,7 +47,7 @@ export const DEFAULT_PROPS = {
       ],
     },
   ],
-  id: "2",
+  id: "UHJvZHVjdDoz",
   maxQuantity: 5,
   name: "The Great Square Table",
   quantity: 3,

src/@next/components/organisms/CartRow/stories.tsx

@@ -1,6 +1,7 @@
 import { action } from "@storybook/addon-actions";
 import { storiesOf } from "@storybook/react";
 import React from "react";
+import { MemoryRouter } from "react-router";
 
 import { CartRow } from ".";
 import { DEFAULT_PROPS } from "./fixtures";
@@ -13,4 +14,8 @@ const STORY_PROPS = {
 
 storiesOf("@components/organisms/CartRow", module)
   .addParameters({ component: CartRow })
-  .add("default", () => <CartRow {...STORY_PROPS} />);
+  .add("default", () => (
+    <MemoryRouter>
+      <CartRow {...STORY_PROPS} />
+    </MemoryRouter>
+  ));

src/@next/components/organisms/CartRow/test.tsx

@@ -1,6 +1,7 @@
 import { mount, shallow } from "enzyme";
 import "jest-styled-components";
 import React from "react";
+import { MemoryRouter } from "react-router";
 
 import { Icon, IconButton } from "@components/atoms";
 
@@ -45,11 +46,13 @@ describe("<CartRow />", () => {
     const onRemoveMock = jest.fn();
     const onQuantityChangeMock = jest.fn();
     const wrapper = mount(
-      <CartRow
-        {...DEFAULT_PROPS}
-        onRemove={onRemoveMock}
-        onQuantityChange={onQuantityChangeMock}
-      />
+      <MemoryRouter>
+        <CartRow
+          {...DEFAULT_PROPS}
+          onRemove={onRemoveMock}
+          onQuantityChange={onQuantityChangeMock}
+        />
+      </MemoryRouter>
     );
 
     wrapper
@@ -66,11 +69,13 @@ describe("<CartRow />", () => {
     const onRemoveMock = jest.fn();
     const onQuantityChangeMock = jest.fn();
     const wrapper = mount(
-      <CartRow
-        {...DEFAULT_PROPS}
-        onRemove={onRemoveMock}
-        onQuantityChange={onQuantityChangeMock}
-      />
+      <MemoryRouter>
+        <CartRow
+          {...DEFAULT_PROPS}
+          onRemove={onRemoveMock}
+          onQuantityChange={onQuantityChangeMock}
+        />
+      </MemoryRouter>
     );
 
     wrapper
@@ -87,13 +92,15 @@ describe("<CartRow />", () => {
     const onRemoveMock = jest.fn();
     const onQuantityChangeMock = jest.fn();
     const wrapper = mount(
-      <CartRow
-        {...DEFAULT_PROPS}
-        maxQuantity={3}
-        quantity={3}
-        onRemove={onRemoveMock}
-        onQuantityChange={onQuantityChangeMock}
-      />
+      <MemoryRouter>
+        <CartRow
+          {...DEFAULT_PROPS}
+          maxQuantity={3}
+          quantity={3}
+          onRemove={onRemoveMock}
+          onQuantityChange={onQuantityChangeMock}
+        />
+      </MemoryRouter>
     );
 
     wrapper