Spaces:
Running
Running
// Jest Snapshot v1, https://goo.gl/fbAQLP | |
exports[`Sound Editor Component matches snapshot 1`] = ` | |
<div | |
className={undefined} | |
onMouseDown={undefined} | |
> | |
<div | |
className={undefined} | |
> | |
<div | |
className={undefined} | |
> | |
<label | |
className={undefined} | |
> | |
<span | |
className={undefined} | |
> | |
Sound | |
</span> | |
<input | |
className="" | |
onBlur={[Function]} | |
onChange={[Function]} | |
onKeyPress={[Function]} | |
onSubmit={[Function]} | |
tabIndex="1" | |
type="text" | |
value="sound name" | |
/> | |
</label> | |
<div | |
className={undefined} | |
> | |
<button | |
className={undefined} | |
disabled={false} | |
onClick={[Function]} | |
title="Undo" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
</button> | |
<button | |
className={undefined} | |
disabled={true} | |
onClick={[Function]} | |
title="Redo" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
</button> | |
</div> | |
</div> | |
<div | |
className={undefined} | |
> | |
<div | |
className="" | |
onClick={undefined} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
Copy | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={undefined} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
Paste | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={undefined} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
Copy to New | |
</div> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={[Function]} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
Delete | |
</div> | |
</div> | |
</div> | |
<div | |
className={undefined} | |
> | |
<div | |
className={undefined} | |
> | |
<svg | |
className={undefined} | |
viewBox="0 0 600 160" | |
> | |
<g | |
transform="scale(1, -1) translate(0, -80)" | |
> | |
<path | |
className={undefined} | |
d="M0 0Q0 80 150 120 Q300 160 450 200 Q600 240 600 0 Q600 -240 450 -200 Q300 -160 150 -120 Q0 -80 0 0Z" | |
strokeLinejoin="round" | |
strokeWidth={1} | |
/> | |
</g> | |
</svg> | |
<div | |
className="" | |
onMouseDown={[Function]} | |
onTouchStart={[Function]} | |
> | |
<div | |
className="" | |
style={ | |
Object { | |
"alignContent": undefined, | |
"alignItems": undefined, | |
"alignSelf": undefined, | |
"flexBasis": undefined, | |
"flexDirection": undefined, | |
"flexGrow": undefined, | |
"flexShrink": undefined, | |
"flexWrap": undefined, | |
"height": undefined, | |
"justifyContent": undefined, | |
"left": "20%", | |
"width": "60.00000000000001%", | |
} | |
} | |
> | |
<div | |
className="" | |
style={ | |
Object { | |
"alignContent": undefined, | |
"alignItems": undefined, | |
"alignSelf": undefined, | |
"flexBasis": undefined, | |
"flexDirection": undefined, | |
"flexGrow": undefined, | |
"flexShrink": undefined, | |
"flexWrap": undefined, | |
"height": undefined, | |
"justifyContent": undefined, | |
"width": undefined, | |
} | |
} | |
/> | |
<div | |
className="" | |
onMouseDown={[Function]} | |
onTouchStart={[Function]} | |
style={ | |
Object { | |
"alignContent": undefined, | |
"alignItems": undefined, | |
"alignSelf": undefined, | |
"flexBasis": undefined, | |
"flexDirection": undefined, | |
"flexGrow": undefined, | |
"flexShrink": undefined, | |
"flexWrap": undefined, | |
"height": undefined, | |
"justifyContent": undefined, | |
"width": undefined, | |
} | |
} | |
> | |
<div | |
className="" | |
style={ | |
Object { | |
"alignContent": undefined, | |
"alignItems": undefined, | |
"alignSelf": undefined, | |
"flexBasis": undefined, | |
"flexDirection": undefined, | |
"flexGrow": undefined, | |
"flexShrink": undefined, | |
"flexWrap": undefined, | |
"height": undefined, | |
"justifyContent": undefined, | |
"width": undefined, | |
} | |
} | |
> | |
<img | |
draggable={false} | |
src="test-file-stub" | |
/> | |
</div> | |
<div | |
className="" | |
style={ | |
Object { | |
"alignContent": undefined, | |
"alignItems": undefined, | |
"alignSelf": undefined, | |
"flexBasis": undefined, | |
"flexDirection": undefined, | |
"flexGrow": undefined, | |
"flexShrink": undefined, | |
"flexWrap": undefined, | |
"height": undefined, | |
"justifyContent": undefined, | |
"width": undefined, | |
} | |
} | |
> | |
<img | |
draggable={false} | |
src="test-file-stub" | |
/> | |
</div> | |
</div> | |
<div | |
className="" | |
onMouseDown={[Function]} | |
onTouchStart={[Function]} | |
style={ | |
Object { | |
"alignContent": undefined, | |
"alignItems": undefined, | |
"alignSelf": undefined, | |
"flexBasis": undefined, | |
"flexDirection": undefined, | |
"flexGrow": undefined, | |
"flexShrink": undefined, | |
"flexWrap": undefined, | |
"height": undefined, | |
"justifyContent": undefined, | |
"width": undefined, | |
} | |
} | |
> | |
<div | |
className="" | |
style={ | |
Object { | |
"alignContent": undefined, | |
"alignItems": undefined, | |
"alignSelf": undefined, | |
"flexBasis": undefined, | |
"flexDirection": undefined, | |
"flexGrow": undefined, | |
"flexShrink": undefined, | |
"flexWrap": undefined, | |
"height": undefined, | |
"justifyContent": undefined, | |
"width": undefined, | |
} | |
} | |
> | |
<img | |
draggable={false} | |
src="test-file-stub" | |
/> | |
</div> | |
<div | |
className="" | |
style={ | |
Object { | |
"alignContent": undefined, | |
"alignItems": undefined, | |
"alignSelf": undefined, | |
"flexBasis": undefined, | |
"flexDirection": undefined, | |
"flexGrow": undefined, | |
"flexShrink": undefined, | |
"flexWrap": undefined, | |
"height": undefined, | |
"justifyContent": undefined, | |
"width": undefined, | |
} | |
} | |
> | |
<img | |
draggable={false} | |
src="test-file-stub" | |
/> | |
</div> | |
</div> | |
</div> | |
<div | |
className={undefined} | |
> | |
<div | |
className="" | |
style={ | |
Object { | |
"transform": "translateX(50%)", | |
} | |
} | |
/> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div | |
className="" | |
> | |
<div | |
className="" | |
> | |
<button | |
className="" | |
onClick={[Function]} | |
title="Stop" | |
> | |
<img | |
draggable={false} | |
src="test-file-stub" | |
/> | |
</button> | |
</div> | |
<div | |
className={undefined} | |
> | |
<div | |
className="" | |
onClick={[Function]} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Faster | |
</span> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={[Function]} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Slower | |
</span> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={[Function]} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Louder | |
</span> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={[Function]} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Softer | |
</span> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={undefined} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Mute | |
</span> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={undefined} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Fade in | |
</span> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={undefined} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Fade out | |
</span> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={[Function]} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Reverse | |
</span> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={[Function]} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Robot | |
</span> | |
</div> | |
</div> | |
<div | |
className="" | |
onClick={[Function]} | |
role="button" | |
> | |
<img | |
className={undefined} | |
draggable={false} | |
src="test-file-stub" | |
/> | |
<div | |
className={undefined} | |
> | |
<span> | |
Echo | |
</span> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div | |
className={undefined} | |
> | |
<div | |
className={undefined} | |
> | |
00:00.30 / 00:00.60 | |
</div> | |
<div | |
className={undefined} | |
> | |
Hz | |
<span> | |
Mono | |
</span> | |
(10.51KB) | |
</div> | |
</div> | |
</div> | |
`; | |