Repository URL to install this package:
|
Version:
7.12.0 ▾
|
@doodle/components
/
controls
/
Input
/
__tests__
/
ImageUpload
/
__snapshots__
/
ImageCropper.spec.js.snap
|
|---|
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ImageCropper should match snapshot 1`] = `
<div
className="ImageCropper-Wrapper ImageCropper-Wrapper--Logo"
>
<div
className="ImageCropper-CropWrapper"
>
<Cropper
aspect={3}
classes={
Object {
"containerClassName": "ImageCropper-CropContainer",
}
}
crop={
Object {
"x": 0,
"y": 0,
}
}
cropShape="rect"
image="imageSrc"
maxZoom={3}
mediaProps={Object {}}
minZoom={0.2}
onCropChange={[Function]}
onCropComplete={[Function]}
onZoomChange={[Function]}
restrictPosition={false}
rotation={0}
showGrid={true}
style={Object {}}
zoom={1}
zoomSpeed={1}
zoomWithScroll={true}
/>
</div>
<div
className="ImageCropper-ControlsContainer"
>
<div
className="ImageCropper-RangeContainer"
>
<input
aria-labelledby="Zoom"
className="ImageCropper-Range"
max={3}
min={0.2}
onChange={[Function]}
step={0.05}
type="range"
value={1}
/>
</div>
<div
className="ImageCropper-ButtonsRow"
>
<Button
active={false}
className="ImageCropper-Button--Cancel"
dimension={null}
focus={false}
hover={false}
href={null}
inputButtonClass={null}
modifier={null}
onClick={[MockFunction]}
responsive={null}
target="_self"
type="button"
variant="whiteWithBorder"
>
Cancel
</Button>
<Button
active={false}
className="ImageCropper-Button--Apply"
dimension={null}
focus={false}
hover={false}
href={null}
inputButtonClass={null}
modifier={null}
onClick={[Function]}
responsive={null}
target="_self"
type="button"
variant="blue"
>
Apply
</Button>
</div>
</div>
</div>
`;