From 13458a929b4b11fc0bf313f50bcb891feb877d3f Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Thu, 3 Oct 2019 17:09:31 +0200
Subject: [PATCH] Fix tests

---
 .../ProductVariantCreate.stories.tsx          |   8 +-
 .../__snapshots__/Stories.test.ts.snap        | 510 ++++++++----------
 2 files changed, 232 insertions(+), 286 deletions(-)

diff --git a/src/products/components/ProductVariantCreateDialog/ProductVariantCreate.stories.tsx b/src/products/components/ProductVariantCreateDialog/ProductVariantCreate.stories.tsx
index a0738af4c..31722b97b 100644
--- a/src/products/components/ProductVariantCreateDialog/ProductVariantCreate.stories.tsx
+++ b/src/products/components/ProductVariantCreateDialog/ProductVariantCreate.stories.tsx
@@ -69,7 +69,7 @@ const props: ProductVariantCreateContentProps = {
   },
   dispatchFormDataAction: () => undefined,
   errors: [],
-  step: "attributes"
+  step: "values"
 };
 
 storiesOf("Views / Products / Create multiple variants", module)
@@ -85,10 +85,7 @@ storiesOf("Views / Products / Create multiple variants", module)
     </Card>
   ))
   .addDecorator(Decorator)
-  .add("choose attributes", () => <ProductVariantCreateContent {...props} />)
-  .add("select values", () => (
-    <ProductVariantCreateContent {...props} step="values" />
-  ))
+  .add("choose values", () => <ProductVariantCreateContent {...props} />)
   .add("prices and SKU", () => (
     <ProductVariantCreateContent {...props} step="prices" />
   ));
@@ -118,6 +115,7 @@ storiesOf("Views / Products / Create multiple variants", module)
   .add("interactive", () => (
     <ProductVariantCreateDialog
       {...props}
+      defaultPrice="10.99"
       open={true}
       onClose={() => undefined}
       onSubmit={() => undefined}
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 8d328b28d..a4f3bf4d2 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -83462,7 +83462,7 @@ exports[`Storyshots Views / Products / Create multiple variants / summary errors
 </div>
 `;
 
-exports[`Storyshots Views / Products / Create multiple variants choose attributes 1`] = `
+exports[`Storyshots Views / Products / Create multiple variants choose values 1`] = `
 <div
   style="padding:24px"
 >
@@ -83478,7 +83478,7 @@ exports[`Storyshots Views / Products / Create multiple variants choose attribute
           class="ProductVariantCreateTabs-root-id"
         >
           <div
-            class="ProductVariantCreateTabs-tab-id"
+            class="ProductVariantCreateTabs-tab-id ProductVariantCreateTabs-tabActive-id ProductVariantCreateTabs-tabUnderline-id"
           >
             <span
               class="MuiTypography-root-id MuiTypography-caption-id ProductVariantCreateTabs-label-id"
@@ -83507,7 +83507,233 @@ exports[`Storyshots Views / Products / Create multiple variants choose attribute
         </div>
         <div
           class="Hook-root-id"
-        />
+        >
+          <h5
+            class="MuiTypography-root-id MuiTypography-h5-id MuiTypography-colorTextSecondary-id"
+          >
+            Box Size
+          </h5>
+          <hr
+            class="Hr-root-id Hook-hr-id"
+          />
+          <div
+            class="Hook-valueContainer-id"
+          >
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id Checkbox-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="Checkbox-box-id Checkbox-checked-id"
+                  name="value:100g"
+                  type="checkbox"
+                  value="true"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                100g
+              </span>
+            </label>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id Checkbox-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="Checkbox-box-id"
+                  name="value:250g"
+                  type="checkbox"
+                  value="false"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                250g
+              </span>
+            </label>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id Checkbox-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="Checkbox-box-id Checkbox-checked-id"
+                  name="value:500g"
+                  type="checkbox"
+                  value="true"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                500g
+              </span>
+            </label>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id Checkbox-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="Checkbox-box-id"
+                  name="value:1kg"
+                  type="checkbox"
+                  value="false"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                1kg
+              </span>
+            </label>
+          </div>
+          <h5
+            class="MuiTypography-root-id MuiTypography-h5-id MuiTypography-colorTextSecondary-id"
+          >
+            Coffee Genre
+          </h5>
+          <hr
+            class="Hr-root-id Hook-hr-id"
+          />
+          <div
+            class="Hook-valueContainer-id"
+          >
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id Checkbox-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="Checkbox-box-id Checkbox-checked-id"
+                  name="value:arabica"
+                  type="checkbox"
+                  value="true"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                Arabica
+              </span>
+            </label>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id Checkbox-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="Checkbox-box-id"
+                  name="value:robusta"
+                  type="checkbox"
+                  value="false"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                Robusta
+              </span>
+            </label>
+          </div>
+          <h5
+            class="MuiTypography-root-id MuiTypography-h5-id MuiTypography-colorTextSecondary-id"
+          >
+            Collar
+          </h5>
+          <hr
+            class="Hr-root-id Hook-hr-id"
+          />
+          <div
+            class="Hook-valueContainer-id"
+          >
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id Checkbox-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="Checkbox-box-id Checkbox-checked-id"
+                  name="value:round"
+                  type="checkbox"
+                  value="true"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                Round
+              </span>
+            </label>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id Checkbox-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="Checkbox-box-id"
+                  name="value:v-neck"
+                  type="checkbox"
+                  value="false"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                V-Neck
+              </span>
+            </label>
+            <label
+              class="MuiFormControlLabel-root-id"
+            >
+              <button
+                class="MuiButtonBase-root-id Checkbox-root-id"
+                tabindex="0"
+                type="button"
+              >
+                <input
+                  class="Checkbox-box-id Checkbox-checked-id"
+                  name="value:polo"
+                  type="checkbox"
+                  value="true"
+                />
+              </button>
+              <span
+                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
+              >
+                Polo
+              </span>
+            </label>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -84070,284 +84296,6 @@ exports[`Storyshots Views / Products / Create multiple variants prices and SKU 1
 </div>
 `;
 
-exports[`Storyshots Views / Products / Create multiple variants select values 1`] = `
-<div
-  style="padding:24px"
->
-  <div
-    class="MuiPaper-root-id MuiPaper-elevation1-id MuiPaper-rounded-id MuiCard-root-id"
-    style="margin:auto;overflow:visible;width:800px"
-  >
-    <div
-      class="MuiCardContent-root-id"
-    >
-      <div>
-        <div
-          class="ProductVariantCreateTabs-root-id"
-        >
-          <div
-            class="ProductVariantCreateTabs-tab-id ProductVariantCreateTabs-tabActive-id ProductVariantCreateTabs-tabUnderline-id"
-          >
-            <span
-              class="MuiTypography-root-id MuiTypography-caption-id ProductVariantCreateTabs-label-id"
-            >
-              Select Values
-            </span>
-          </div>
-          <div
-            class="ProductVariantCreateTabs-tab-id"
-          >
-            <span
-              class="MuiTypography-root-id MuiTypography-caption-id ProductVariantCreateTabs-label-id"
-            >
-              Prices and SKU
-            </span>
-          </div>
-          <div
-            class="ProductVariantCreateTabs-tab-id"
-          >
-            <span
-              class="MuiTypography-root-id MuiTypography-caption-id ProductVariantCreateTabs-label-id"
-            >
-              Summary
-            </span>
-          </div>
-        </div>
-        <div
-          class="Hook-root-id"
-        >
-          <h5
-            class="MuiTypography-root-id MuiTypography-h5-id MuiTypography-colorTextSecondary-id"
-          >
-            Box Size
-          </h5>
-          <hr
-            class="Hr-root-id Hook-hr-id"
-          />
-          <div
-            class="Hook-valueContainer-id"
-          >
-            <label
-              class="MuiFormControlLabel-root-id"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-checked-id"
-                  name="value:100g"
-                  type="checkbox"
-                  value="true"
-                />
-              </button>
-              <span
-                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
-              >
-                100g
-              </span>
-            </label>
-            <label
-              class="MuiFormControlLabel-root-id"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  name="value:250g"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-              <span
-                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
-              >
-                250g
-              </span>
-            </label>
-            <label
-              class="MuiFormControlLabel-root-id"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-checked-id"
-                  name="value:500g"
-                  type="checkbox"
-                  value="true"
-                />
-              </button>
-              <span
-                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
-              >
-                500g
-              </span>
-            </label>
-            <label
-              class="MuiFormControlLabel-root-id"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  name="value:1kg"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-              <span
-                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
-              >
-                1kg
-              </span>
-            </label>
-          </div>
-          <h5
-            class="MuiTypography-root-id MuiTypography-h5-id MuiTypography-colorTextSecondary-id"
-          >
-            Coffee Genre
-          </h5>
-          <hr
-            class="Hr-root-id Hook-hr-id"
-          />
-          <div
-            class="Hook-valueContainer-id"
-          >
-            <label
-              class="MuiFormControlLabel-root-id"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-checked-id"
-                  name="value:arabica"
-                  type="checkbox"
-                  value="true"
-                />
-              </button>
-              <span
-                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
-              >
-                Arabica
-              </span>
-            </label>
-            <label
-              class="MuiFormControlLabel-root-id"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  name="value:robusta"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-              <span
-                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
-              >
-                Robusta
-              </span>
-            </label>
-          </div>
-          <h5
-            class="MuiTypography-root-id MuiTypography-h5-id MuiTypography-colorTextSecondary-id"
-          >
-            Collar
-          </h5>
-          <hr
-            class="Hr-root-id Hook-hr-id"
-          />
-          <div
-            class="Hook-valueContainer-id"
-          >
-            <label
-              class="MuiFormControlLabel-root-id"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-checked-id"
-                  name="value:round"
-                  type="checkbox"
-                  value="true"
-                />
-              </button>
-              <span
-                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
-              >
-                Round
-              </span>
-            </label>
-            <label
-              class="MuiFormControlLabel-root-id"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id"
-                  name="value:v-neck"
-                  type="checkbox"
-                  value="false"
-                />
-              </button>
-              <span
-                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
-              >
-                V-Neck
-              </span>
-            </label>
-            <label
-              class="MuiFormControlLabel-root-id"
-            >
-              <button
-                class="MuiButtonBase-root-id Checkbox-root-id"
-                tabindex="0"
-                type="button"
-              >
-                <input
-                  class="Checkbox-box-id Checkbox-checked-id"
-                  name="value:polo"
-                  type="checkbox"
-                  value="true"
-                />
-              </button>
-              <span
-                class="MuiTypography-root-id MuiTypography-body2-id MuiFormControlLabel-label-id"
-              >
-                Polo
-              </span>
-            </label>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
 exports[`Storyshots Views / Products / Create product When loading 1`] = `
 <div
   style="padding:24px"