456 lines
10 KiB
Text
456 lines
10 KiB
Text
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||
|
|
||
|
exports[`Design management dropzone component when dragging renders correct template when drag event contains files 1`] = `
|
||
|
<div
|
||
|
class="w-100 position-relative"
|
||
|
>
|
||
|
<button
|
||
|
class="card design-dropzone-card design-dropzone-border w-100 h-100 d-flex-center p-3"
|
||
|
>
|
||
|
<div
|
||
|
class="d-flex-center flex-column text-center"
|
||
|
>
|
||
|
<gl-icon-stub
|
||
|
class="mb-4"
|
||
|
name="doc-new"
|
||
|
size="48"
|
||
|
/>
|
||
|
|
||
|
<p>
|
||
|
<gl-sprintf-stub
|
||
|
message="%{lineOneStart}Drag and drop to upload your designs%{lineOneEnd} or %{linkStart}click to upload%{linkEnd}."
|
||
|
/>
|
||
|
</p>
|
||
|
</div>
|
||
|
</button>
|
||
|
|
||
|
<input
|
||
|
accept="image/*"
|
||
|
class="hide"
|
||
|
multiple="multiple"
|
||
|
name="design_file"
|
||
|
type="file"
|
||
|
/>
|
||
|
|
||
|
<transition-stub
|
||
|
name="design-dropzone-fade"
|
||
|
>
|
||
|
<div
|
||
|
class="card design-dropzone-border design-dropzone-overlay w-100 h-100 position-absolute d-flex-center p-3 bg-white"
|
||
|
style=""
|
||
|
>
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<h3>
|
||
|
Oh no!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
You are trying to upload something other than an image. Please upload a .png, .jpg, .jpeg, .gif, .bmp, .tiff or .ico.
|
||
|
</span>
|
||
|
</div>
|
||
|
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
style=""
|
||
|
>
|
||
|
<h3>
|
||
|
Incoming!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
Drop your designs to start your upload.
|
||
|
</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</transition-stub>
|
||
|
</div>
|
||
|
`;
|
||
|
|
||
|
exports[`Design management dropzone component when dragging renders correct template when drag event contains files and text 1`] = `
|
||
|
<div
|
||
|
class="w-100 position-relative"
|
||
|
>
|
||
|
<button
|
||
|
class="card design-dropzone-card design-dropzone-border w-100 h-100 d-flex-center p-3"
|
||
|
>
|
||
|
<div
|
||
|
class="d-flex-center flex-column text-center"
|
||
|
>
|
||
|
<gl-icon-stub
|
||
|
class="mb-4"
|
||
|
name="doc-new"
|
||
|
size="48"
|
||
|
/>
|
||
|
|
||
|
<p>
|
||
|
<gl-sprintf-stub
|
||
|
message="%{lineOneStart}Drag and drop to upload your designs%{lineOneEnd} or %{linkStart}click to upload%{linkEnd}."
|
||
|
/>
|
||
|
</p>
|
||
|
</div>
|
||
|
</button>
|
||
|
|
||
|
<input
|
||
|
accept="image/*"
|
||
|
class="hide"
|
||
|
multiple="multiple"
|
||
|
name="design_file"
|
||
|
type="file"
|
||
|
/>
|
||
|
|
||
|
<transition-stub
|
||
|
name="design-dropzone-fade"
|
||
|
>
|
||
|
<div
|
||
|
class="card design-dropzone-border design-dropzone-overlay w-100 h-100 position-absolute d-flex-center p-3 bg-white"
|
||
|
style=""
|
||
|
>
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<h3>
|
||
|
Oh no!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
You are trying to upload something other than an image. Please upload a .png, .jpg, .jpeg, .gif, .bmp, .tiff or .ico.
|
||
|
</span>
|
||
|
</div>
|
||
|
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
style=""
|
||
|
>
|
||
|
<h3>
|
||
|
Incoming!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
Drop your designs to start your upload.
|
||
|
</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</transition-stub>
|
||
|
</div>
|
||
|
`;
|
||
|
|
||
|
exports[`Design management dropzone component when dragging renders correct template when drag event contains text 1`] = `
|
||
|
<div
|
||
|
class="w-100 position-relative"
|
||
|
>
|
||
|
<button
|
||
|
class="card design-dropzone-card design-dropzone-border w-100 h-100 d-flex-center p-3"
|
||
|
>
|
||
|
<div
|
||
|
class="d-flex-center flex-column text-center"
|
||
|
>
|
||
|
<gl-icon-stub
|
||
|
class="mb-4"
|
||
|
name="doc-new"
|
||
|
size="48"
|
||
|
/>
|
||
|
|
||
|
<p>
|
||
|
<gl-sprintf-stub
|
||
|
message="%{lineOneStart}Drag and drop to upload your designs%{lineOneEnd} or %{linkStart}click to upload%{linkEnd}."
|
||
|
/>
|
||
|
</p>
|
||
|
</div>
|
||
|
</button>
|
||
|
|
||
|
<input
|
||
|
accept="image/*"
|
||
|
class="hide"
|
||
|
multiple="multiple"
|
||
|
name="design_file"
|
||
|
type="file"
|
||
|
/>
|
||
|
|
||
|
<transition-stub
|
||
|
name="design-dropzone-fade"
|
||
|
>
|
||
|
<div
|
||
|
class="card design-dropzone-border design-dropzone-overlay w-100 h-100 position-absolute d-flex-center p-3 bg-white"
|
||
|
style=""
|
||
|
>
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
>
|
||
|
<h3>
|
||
|
Oh no!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
You are trying to upload something other than an image. Please upload a .png, .jpg, .jpeg, .gif, .bmp, .tiff or .ico.
|
||
|
</span>
|
||
|
</div>
|
||
|
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<h3>
|
||
|
Incoming!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
Drop your designs to start your upload.
|
||
|
</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</transition-stub>
|
||
|
</div>
|
||
|
`;
|
||
|
|
||
|
exports[`Design management dropzone component when dragging renders correct template when drag event is empty 1`] = `
|
||
|
<div
|
||
|
class="w-100 position-relative"
|
||
|
>
|
||
|
<button
|
||
|
class="card design-dropzone-card design-dropzone-border w-100 h-100 d-flex-center p-3"
|
||
|
>
|
||
|
<div
|
||
|
class="d-flex-center flex-column text-center"
|
||
|
>
|
||
|
<gl-icon-stub
|
||
|
class="mb-4"
|
||
|
name="doc-new"
|
||
|
size="48"
|
||
|
/>
|
||
|
|
||
|
<p>
|
||
|
<gl-sprintf-stub
|
||
|
message="%{lineOneStart}Drag and drop to upload your designs%{lineOneEnd} or %{linkStart}click to upload%{linkEnd}."
|
||
|
/>
|
||
|
</p>
|
||
|
</div>
|
||
|
</button>
|
||
|
|
||
|
<input
|
||
|
accept="image/*"
|
||
|
class="hide"
|
||
|
multiple="multiple"
|
||
|
name="design_file"
|
||
|
type="file"
|
||
|
/>
|
||
|
|
||
|
<transition-stub
|
||
|
name="design-dropzone-fade"
|
||
|
>
|
||
|
<div
|
||
|
class="card design-dropzone-border design-dropzone-overlay w-100 h-100 position-absolute d-flex-center p-3 bg-white"
|
||
|
style=""
|
||
|
>
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
>
|
||
|
<h3>
|
||
|
Oh no!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
You are trying to upload something other than an image. Please upload a .png, .jpg, .jpeg, .gif, .bmp, .tiff or .ico.
|
||
|
</span>
|
||
|
</div>
|
||
|
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<h3>
|
||
|
Incoming!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
Drop your designs to start your upload.
|
||
|
</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</transition-stub>
|
||
|
</div>
|
||
|
`;
|
||
|
|
||
|
exports[`Design management dropzone component when dragging renders correct template when dragging stops 1`] = `
|
||
|
<div
|
||
|
class="w-100 position-relative"
|
||
|
>
|
||
|
<button
|
||
|
class="card design-dropzone-card design-dropzone-border w-100 h-100 d-flex-center p-3"
|
||
|
>
|
||
|
<div
|
||
|
class="d-flex-center flex-column text-center"
|
||
|
>
|
||
|
<gl-icon-stub
|
||
|
class="mb-4"
|
||
|
name="doc-new"
|
||
|
size="48"
|
||
|
/>
|
||
|
|
||
|
<p>
|
||
|
<gl-sprintf-stub
|
||
|
message="%{lineOneStart}Drag and drop to upload your designs%{lineOneEnd} or %{linkStart}click to upload%{linkEnd}."
|
||
|
/>
|
||
|
</p>
|
||
|
</div>
|
||
|
</button>
|
||
|
|
||
|
<input
|
||
|
accept="image/*"
|
||
|
class="hide"
|
||
|
multiple="multiple"
|
||
|
name="design_file"
|
||
|
type="file"
|
||
|
/>
|
||
|
|
||
|
<transition-stub
|
||
|
name="design-dropzone-fade"
|
||
|
>
|
||
|
<div
|
||
|
class="card design-dropzone-border design-dropzone-overlay w-100 h-100 position-absolute d-flex-center p-3 bg-white"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
>
|
||
|
<h3>
|
||
|
Oh no!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
You are trying to upload something other than an image. Please upload a .png, .jpg, .jpeg, .gif, .bmp, .tiff or .ico.
|
||
|
</span>
|
||
|
</div>
|
||
|
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<h3>
|
||
|
Incoming!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
Drop your designs to start your upload.
|
||
|
</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</transition-stub>
|
||
|
</div>
|
||
|
`;
|
||
|
|
||
|
exports[`Design management dropzone component when no slot provided renders default dropzone card 1`] = `
|
||
|
<div
|
||
|
class="w-100 position-relative"
|
||
|
>
|
||
|
<button
|
||
|
class="card design-dropzone-card design-dropzone-border w-100 h-100 d-flex-center p-3"
|
||
|
>
|
||
|
<div
|
||
|
class="d-flex-center flex-column text-center"
|
||
|
>
|
||
|
<gl-icon-stub
|
||
|
class="mb-4"
|
||
|
name="doc-new"
|
||
|
size="48"
|
||
|
/>
|
||
|
|
||
|
<p>
|
||
|
<gl-sprintf-stub
|
||
|
message="%{lineOneStart}Drag and drop to upload your designs%{lineOneEnd} or %{linkStart}click to upload%{linkEnd}."
|
||
|
/>
|
||
|
</p>
|
||
|
</div>
|
||
|
</button>
|
||
|
|
||
|
<input
|
||
|
accept="image/*"
|
||
|
class="hide"
|
||
|
multiple="multiple"
|
||
|
name="design_file"
|
||
|
type="file"
|
||
|
/>
|
||
|
|
||
|
<transition-stub
|
||
|
name="design-dropzone-fade"
|
||
|
>
|
||
|
<div
|
||
|
class="card design-dropzone-border design-dropzone-overlay w-100 h-100 position-absolute d-flex-center p-3 bg-white"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
>
|
||
|
<h3>
|
||
|
Oh no!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
You are trying to upload something other than an image. Please upload a .png, .jpg, .jpeg, .gif, .bmp, .tiff or .ico.
|
||
|
</span>
|
||
|
</div>
|
||
|
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<h3>
|
||
|
Incoming!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
Drop your designs to start your upload.
|
||
|
</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</transition-stub>
|
||
|
</div>
|
||
|
`;
|
||
|
|
||
|
exports[`Design management dropzone component when slot provided renders dropzone with slot content 1`] = `
|
||
|
<div
|
||
|
class="w-100 position-relative"
|
||
|
>
|
||
|
<div>
|
||
|
dropzone slot
|
||
|
</div>
|
||
|
|
||
|
<transition-stub
|
||
|
name="design-dropzone-fade"
|
||
|
>
|
||
|
<div
|
||
|
class="card design-dropzone-border design-dropzone-overlay w-100 h-100 position-absolute d-flex-center p-3 bg-white"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
>
|
||
|
<h3>
|
||
|
Oh no!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
You are trying to upload something other than an image. Please upload a .png, .jpg, .jpeg, .gif, .bmp, .tiff or .ico.
|
||
|
</span>
|
||
|
</div>
|
||
|
|
||
|
<div
|
||
|
class="mw-50 text-center"
|
||
|
style="display: none;"
|
||
|
>
|
||
|
<h3>
|
||
|
Incoming!
|
||
|
</h3>
|
||
|
|
||
|
<span>
|
||
|
Drop your designs to start your upload.
|
||
|
</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</transition-stub>
|
||
|
</div>
|
||
|
`;
|