Fix tests

This commit is contained in:
dominik-zeglen 2019-10-03 17:09:31 +02:00
parent e2b48e30e6
commit 13458a929b
2 changed files with 232 additions and 286 deletions

View file

@ -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}

View file

@ -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"