Repository URL to install this package:
|
Version:
7.13.0-rc.3 ▾
|
@doodle/components
/
controls
/
Input
/
__tests__
/
ImageUpload
/
__snapshots__
/
ImageUpload.spec.js.snap
|
|---|
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ImageUpload should match a snapshot 1`] = `
<React.Fragment>
<Modal
onEnter={[Function]}
show={false}
title="Modal for image cropping tool"
variant="ink"
verticalAlign="middle"
verticalBottomDialogOffset={null}
verticalDialogOffset={null}
>
<ImageCropper
aspect={3}
buttonApplyText="Apply"
buttonCancelText="Cancel"
imageSrc=""
onCancelCroppedImage={[Function]}
onSaveCroppedImage={[Function]}
type="logo"
/>
</Modal>
<div
className="ImageUpload"
>
<input
accept="image/jpeg,image/png,image/gif"
className="ImageUpload-input"
name="Image upload"
onChange={[Function]}
type="file"
/>
<Button
active={false}
className="ImageUpload-uploadButton"
dimension="compact"
disabled={false}
focus={false}
hover={false}
href={null}
inputButtonClass={null}
modifier={null}
onClick={[Function]}
responsive={null}
target="_self"
type="button"
variant="whiteWithBorder"
>
<LoadingButton />
<ButtonLabel>
Upload
</ButtonLabel>
</Button>
</div>
</React.Fragment>
`;
exports[`ImageUpload when imageSrc state is provided should match snapshot 1`] = `
<React.Fragment>
<Modal
onEnter={[Function]}
show={true}
title="Modal for image cropping tool"
variant="ink"
verticalAlign="middle"
verticalBottomDialogOffset={null}
verticalDialogOffset={null}
>
<ImageCropper
aspect={3}
buttonApplyText="Apply"
buttonCancelText="Cancel"
imageSrc="image-src"
onCancelCroppedImage={[Function]}
onSaveCroppedImage={[Function]}
type="logo"
/>
</Modal>
<div
className="ImageUpload"
>
<input
accept="image/jpeg,image/png,image/gif"
className="ImageUpload-input"
name="Image upload"
onChange={[Function]}
type="file"
/>
<Button
active={false}
className="ImageUpload-uploadButton"
dimension="compact"
disabled={false}
focus={false}
hover={false}
href={null}
inputButtonClass={null}
modifier={null}
onClick={[Function]}
responsive={null}
target="_self"
type="button"
variant="whiteWithBorder"
>
<LoadingButton />
<ButtonLabel>
Upload
</ButtonLabel>
</Button>
</div>
</React.Fragment>
`;