blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-05 19:41:45 +08:00
Code Issues Projects Releases Wiki Activity
vant-weapp/packages/uploader/test/__snapshots__/demo.spec.ts.snap
landluck eb50789df3
fix: fix test cli error (#5076) 
Co-authored-by: liuhaihonggia <liuhaihong@youzan.com>
2022-10-27 10:58:00 +08:00

708 lines
20 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<main>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix demo-block--padding"
>
<wx-view
class="demo-block__title"
>
基础用法
</wx-view>
<van-uploader
bind:after-read="afterRead"
bind:click-preview="clickPreview"
bind:delete="delete"
>
<wx-view
class="van-uploader"
>
<wx-view
class="van-uploader__wrapper"
>
<wx-view
class="van-uploader__slot"
bind:tap="startUpload"
/>
<wx-view
class="van-uploader__upload "
style="width:80px;height:80px"
bind:tap="startUpload"
>
<van-icon
class="van-uploader__upload-icon"
>
<wx-view
class="custom-class van-icon van-icon-photograph"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
</wx-view>
</van-uploader>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix demo-block--padding"
>
<wx-view
class="demo-block__title"
>
上传视频
</wx-view>
<van-uploader
bind:after-read="afterRead"
bind:delete="delete"
>
<wx-view
class="van-uploader"
>
<wx-view
class="van-uploader__wrapper"
>
<wx-view
class="van-uploader__slot"
bind:tap="startUpload"
/>
<wx-view
class="van-uploader__upload "
style="width:80px;height:80px"
bind:tap="startUpload"
>
<van-icon
class="van-uploader__upload-icon"
>
<wx-view
class="custom-class van-icon van-icon-photograph"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
</wx-view>
</van-uploader>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix demo-block--padding"
>
<wx-view
class="demo-block__title"
>
文件预览
</wx-view>
<van-uploader
bind:after-read="afterRead"
bind:click-preview="clickPreview"
bind:delete="delete"
>
<wx-view
class="van-uploader"
>
<wx-view
class="van-uploader__wrapper"
>
<wx-view
class="van-uploader__preview"
data-index="{{0}}"
bind:tap="onClickPreview"
>
<wx-image
alt="图片0"
class="van-uploader__preview-image"
data-index="{{0}}"
mode="scaleToFill"
src="https://img.yzcdn.cn/vant/leaf.jpg"
style="width:80px;height:80px"
bind:tap="onPreviewImage"
/>
<wx-view
class="van-uploader__preview-delete"
data-index="{{0}}"
catch:tap="deleteItem"
>
<van-icon
class="van-uploader__preview-delete-icon"
>
<wx-view
class="custom-class van-icon van-icon-cross"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
<wx-view
class="van-uploader__preview"
data-index="{{1}}"
bind:tap="onClickPreview"
>
<wx-image
alt="图片1"
class="van-uploader__preview-image"
data-index="{{1}}"
mode="scaleToFill"
src="https://img.yzcdn.cn/vant/tree.jpg"
style="width:80px;height:80px"
bind:tap="onPreviewImage"
/>
<wx-view
class="van-uploader__preview-delete"
data-index="{{1}}"
catch:tap="deleteItem"
>
<van-icon
class="van-uploader__preview-delete-icon"
>
<wx-view
class="custom-class van-icon van-icon-cross"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
<wx-view
class="van-uploader__slot"
bind:tap="startUpload"
/>
<wx-view
class="van-uploader__upload "
style="width:80px;height:80px"
bind:tap="startUpload"
>
<van-icon
class="van-uploader__upload-icon"
>
<wx-view
class="custom-class van-icon van-icon-photograph"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
</wx-view>
</van-uploader>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix demo-block--padding"
>
<wx-view
class="demo-block__title"
>
隐藏上传按钮
</wx-view>
<van-uploader
bind:after-read="afterRead"
bind:click-preview="clickPreview"
bind:delete="delete"
>
<wx-view
class="van-uploader"
>
<wx-view
class="van-uploader__wrapper"
>
<wx-view
class="van-uploader__preview"
data-index="{{0}}"
bind:tap="onClickPreview"
>
<wx-image
alt="图片0"
class="van-uploader__preview-image"
data-index="{{0}}"
mode="scaleToFill"
src="https://img.yzcdn.cn/vant/leaf.jpg"
style="width:80px;height:80px"
bind:tap="onPreviewImage"
/>
<wx-view
class="van-uploader__preview-delete"
data-index="{{0}}"
catch:tap="deleteItem"
>
<van-icon
class="van-uploader__preview-delete-icon"
>
<wx-view
class="custom-class van-icon van-icon-cross"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
<wx-view
class="van-uploader__preview"
data-index="{{1}}"
bind:tap="onClickPreview"
>
<wx-image
alt="图片1"
class="van-uploader__preview-image"
data-index="{{1}}"
mode="scaleToFill"
src="https://img.yzcdn.cn/vant/tree.jpg"
style="width:80px;height:80px"
bind:tap="onPreviewImage"
/>
<wx-view
class="van-uploader__preview-delete"
data-index="{{1}}"
catch:tap="deleteItem"
>
<van-icon
class="van-uploader__preview-delete-icon"
>
<wx-view
class="custom-class van-icon van-icon-cross"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
<wx-view
class="van-uploader__slot"
bind:tap="startUpload"
/>
</wx-view>
</wx-view>
</van-uploader>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix demo-block--padding"
>
<wx-view
class="demo-block__title"
>
上传状态
</wx-view>
<van-uploader
bind:after-read="afterRead"
bind:click-preview="clickPreview"
bind:delete="delete"
>
<wx-view
class="van-uploader"
>
<wx-view
class="van-uploader__wrapper"
>
<wx-view
class="van-uploader__preview"
data-index="{{0}}"
bind:tap="onClickPreview"
>
<wx-image
alt="图片0"
class="van-uploader__preview-image"
data-index="{{0}}"
mode="scaleToFill"
src="https://img.yzcdn.cn/vant/leaf.jpg"
style="width:80px;height:80px"
bind:tap="onPreviewImage"
/>
<wx-view
class="van-uploader__mask"
>
<van-loading
customClass="van-uploader__loading"
>
<wx-view
class="custom-class van-loading"
>
<wx-view
class="van-loading__spinner van-loading__spinner--circular"
style=""
/>
<wx-view
class="van-loading__text"
style=""
/>
</wx-view>
</van-loading>
<wx-text
class="van-uploader__mask-message"
>
上传中
</wx-text>
</wx-view>
<wx-view
class="van-uploader__preview-delete"
data-index="{{0}}"
catch:tap="deleteItem"
>
<van-icon
class="van-uploader__preview-delete-icon"
>
<wx-view
class="custom-class van-icon van-icon-cross"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
<wx-view
class="van-uploader__preview"
data-index="{{1}}"
bind:tap="onClickPreview"
>
<wx-image
alt="图片1"
class="van-uploader__preview-image"
data-index="{{1}}"
mode="scaleToFill"
src="https://img.yzcdn.cn/vant/tree.jpg"
style="width:80px;height:80px"
bind:tap="onPreviewImage"
/>
<wx-view
class="van-uploader__mask"
>
<van-icon
class="van-uploader__mask-icon"
>
<wx-view
class="custom-class van-icon van-icon-close"
style=""
bind:tap="onClick"
/>
</van-icon>
<wx-text
class="van-uploader__mask-message"
>
上传失败
</wx-text>
</wx-view>
<wx-view
class="van-uploader__preview-delete"
data-index="{{1}}"
catch:tap="deleteItem"
>
<van-icon
class="van-uploader__preview-delete-icon"
>
<wx-view
class="custom-class van-icon van-icon-cross"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
</wx-view>
</wx-view>
</van-uploader>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix demo-block--padding"
>
<wx-view
class="demo-block__title"
>
限制上传数量
</wx-view>
<van-uploader
bind:after-read="afterRead"
bind:click-preview="clickPreview"
bind:delete="delete"
>
<wx-view
class="van-uploader"
>
<wx-view
class="van-uploader__wrapper"
>
<wx-view
class="van-uploader__preview"
data-index="{{0}}"
bind:tap="onClickPreview"
>
<wx-image
alt="图片0"
class="van-uploader__preview-image"
data-index="{{0}}"
mode="scaleToFill"
src="https://img.yzcdn.cn/vant/sand.jpg"
style="width:80px;height:80px"
bind:tap="onPreviewImage"
/>
<wx-view
class="van-uploader__preview-delete"
data-index="{{0}}"
catch:tap="deleteItem"
>
<van-icon
class="van-uploader__preview-delete-icon"
>
<wx-view
class="custom-class van-icon van-icon-cross"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
<wx-view
class="van-uploader__slot"
bind:tap="startUpload"
/>
<wx-view
class="van-uploader__upload "
style="width:80px;height:80px"
bind:tap="startUpload"
>
<van-icon
class="van-uploader__upload-icon"
>
<wx-view
class="custom-class van-icon van-icon-photograph"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
</wx-view>
</van-uploader>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix demo-block--padding"
>
<wx-view
class="demo-block__title"
>
自定义上传样式
</wx-view>
<van-uploader
useSlot="{{true}}"
bind:after-read="afterRead"
bind:click-preview="clickPreview"
bind:delete="delete"
>
<wx-view
class="van-uploader"
>
<wx-view
class="van-uploader__wrapper"
>
<wx-view
class="van-uploader__slot"
bind:tap="startUpload"
>
<van-button>
<wx-button
appParameter=""
ariaLabel=""
businessId="{{0}}"
class="custom-class van-button van-button--primary van-button--normal "
data-detail="{{null}}"
formType=""
hoverClass="van-button--active hover-class"
id=""
lang=""
openType=""
sendMessageImg=""
sendMessagePath=""
sendMessageTitle=""
sessionFrom=""
showMessageCard="{{false}}"
style=""
bind:chooseavatar="onChooseAvatar"
bind:contact="onContact"
bind:error="onError"
bind:getphonenumber="onGetPhoneNumber"
bind:getuserinfo="onGetUserInfo"
bind:launchapp="onLaunchApp"
bind:opensetting="onOpenSetting"
bind:tap="onClick"
>
<van-icon
class="van-button__icon"
>
<wx-view
class="custom-class van-icon van-icon-photo"
style="font-size:1.2em;line-height: inherit;"
bind:tap="onClick"
/>
</van-icon>
<wx-view
class="van-button__text"
>
上传图片
</wx-view>
</wx-button>
</van-button>
</wx-view>
<wx-view
class="van-uploader__upload "
style="width:80px;height:80px"
bind:tap="startUpload"
>
<van-icon
class="van-uploader__upload-icon"
>
<wx-view
class="custom-class van-icon van-icon-photograph"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
</wx-view>
</van-uploader>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix demo-block--padding"
>
<wx-view
class="demo-block__title"
>
上传前校验
</wx-view>
<van-uploader
bind:after-read="afterRead"
bind:before-read="beforeRead"
bind:click-preview="clickPreview"
bind:delete="delete"
>
<wx-view
class="van-uploader"
>
<wx-view
class="van-uploader__wrapper"
>
<wx-view
class="van-uploader__slot"
bind:tap="startUpload"
/>
<wx-view
class="van-uploader__upload "
style="width:80px;height:80px"
bind:tap="startUpload"
>
<van-icon
class="van-uploader__upload-icon"
>
<wx-view
class="custom-class van-icon van-icon-photograph"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
</wx-view>
</van-uploader>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix demo-block--padding"
>
<wx-view
class="demo-block__title"
>
云存储上传
</wx-view>
<van-uploader
bind:after-read="afterRead"
bind:before-read="beforeRead"
bind:click-preview="clickPreview"
bind:delete="delete"
>
<wx-view
class="van-uploader"
>
<wx-view
class="van-uploader__wrapper"
>
<wx-view
class="van-uploader__slot"
bind:tap="startUpload"
/>
<wx-view
class="van-uploader__upload "
style="width:80px;height:80px"
bind:tap="startUpload"
>
<van-icon
class="van-uploader__upload-icon"
>
<wx-view
class="custom-class van-icon van-icon-photograph"
style=""
bind:tap="onClick"
/>
</van-icon>
</wx-view>
</wx-view>
</wx-view>
</van-uploader>
<wx-view
class="demo-margin-bottom"
>
<van-button
bind:click="uploadToCloud"
>
<wx-button
appParameter=""
ariaLabel=""
businessId="{{0}}"
class="custom-class van-button van-button--primary van-button--normal "
data-detail="{{null}}"
formType=""
hoverClass="van-button--active hover-class"
id=""
lang=""
openType=""
sendMessageImg=""
sendMessagePath=""
sendMessageTitle=""
sessionFrom=""
showMessageCard="{{false}}"
style=""
bind:chooseavatar="onChooseAvatar"
bind:contact="onContact"
bind:error="onError"
bind:getphonenumber="onGetPhoneNumber"
bind:getuserinfo="onGetUserInfo"
bind:launchapp="onLaunchApp"
bind:opensetting="onOpenSetting"
bind:tap="onClick"
>
<wx-view
class="van-button__text"
>
上传至云存储
</wx-view>
</wx-button>
</van-button>
</wx-view>
</wx-view>
</demo-block>
</main>
`;
Reference in New Issue View Git Blame Copy Permalink