easy-scratch/test/unit/components/__snapshots__/sound-editor.test.jsx.snap

522 lines
12 KiB
Plaintext

// 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
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
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
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
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={undefined}
>
<button
className=""
onClick={[Function]}
title="Stop"
>
<img
draggable={false}
src="test-file-stub"
/>
</button>
</div>
<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>
</div>
`;