blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity
vant-weapp/packages/picker/test/__snapshots__/demo.spec.ts.snap
nemo-shen 460607c2c4 test(Picker): add demo test
2021-12-21 09:51:43 +08:00

683 lines
22 KiB
Plaintext
Raw Permalink 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 "
>
<wx-view
class="demo-block__title"
>
基础用法
</wx-view>
<van-picker
bind:change="onChange1"
>
<wx-view
class="van-picker custom-class"
>
<wx-view
class="van-picker__columns"
style="height:264px"
catch:touchmove="noop"
>
<picker-column
activeClass="active-class"
class="van-picker__column"
customClass="column-class"
data-index="{{0}}"
bind:change="onChange"
>
<wx-view
class="van-picker-column custom-class"
style="height:264px"
bind:touchcancel="onTouchEnd"
bind:touchend="onTouchEnd"
catch:touchmove="onTouchMove"
bind:touchstart="onTouchStart"
>
<wx-view
style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
>
<wx-view
class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
data-index="{{0}}"
style="height: 44px"
bind:tap="onClickItem"
>
杭州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{1}}"
style="height: 44px"
bind:tap="onClickItem"
>
宁波
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{2}}"
style="height: 44px"
bind:tap="onClickItem"
>
温州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{3}}"
style="height: 44px"
bind:tap="onClickItem"
>
嘉兴
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{4}}"
style="height: 44px"
bind:tap="onClickItem"
>
湖州
</wx-view>
</wx-view>
</wx-view>
</picker-column>
<wx-view
class="van-picker__mask"
style="background-size:100% 110px"
/>
<wx-view
class="van-picker__frame van-hairline--top-bottom"
style="height:44px"
/>
</wx-view>
</wx-view>
</van-picker>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix "
>
<wx-view
class="demo-block__title"
>
默认选中项
</wx-view>
<van-picker
bind:change="onChange1"
>
<wx-view
class="van-picker custom-class"
>
<wx-view
class="van-picker__columns"
style="height:264px"
catch:touchmove="noop"
>
<picker-column
activeClass="active-class"
class="van-picker__column"
customClass="column-class"
data-index="{{0}}"
bind:change="onChange"
>
<wx-view
class="van-picker-column custom-class"
style="height:264px"
bind:touchcancel="onTouchEnd"
bind:touchend="onTouchEnd"
catch:touchmove="onTouchMove"
bind:touchstart="onTouchStart"
>
<wx-view
style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{0}}"
style="height: 44px"
bind:tap="onClickItem"
>
杭州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{1}}"
style="height: 44px"
bind:tap="onClickItem"
>
宁波
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
data-index="{{2}}"
style="height: 44px"
bind:tap="onClickItem"
>
温州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{3}}"
style="height: 44px"
bind:tap="onClickItem"
>
嘉兴
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{4}}"
style="height: 44px"
bind:tap="onClickItem"
>
湖州
</wx-view>
</wx-view>
</wx-view>
</picker-column>
<wx-view
class="van-picker__mask"
style="background-size:100% 110px"
/>
<wx-view
class="van-picker__frame van-hairline--top-bottom"
style="height:44px"
/>
</wx-view>
</wx-view>
</van-picker>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix "
>
<wx-view
class="demo-block__title"
>
展示顶部栏
</wx-view>
<van-picker
bind:cancel="onCancel"
bind:change="onChange1"
bind:confirm="onConfirm"
>
<wx-view
class="van-picker custom-class"
>
<wx-view
class="van-picker__toolbar toolbar-class"
>
<wx-view
class="van-picker__cancel"
data-type="cancel"
hoverClass="van-picker__cancel--hover"
hoverStayTime="70"
bind:tap="emit"
>
取消
</wx-view>
<wx-view
class="van-picker__title van-ellipsis"
>
标题
</wx-view>
<wx-view
class="van-picker__confirm"
data-type="confirm"
hoverClass="van-picker__confirm--hover"
hoverStayTime="70"
bind:tap="emit"
>
确认
</wx-view>
</wx-view>
<wx-view
class="van-picker__columns"
style="height:264px"
catch:touchmove="noop"
>
<picker-column
activeClass="active-class"
class="van-picker__column"
customClass="column-class"
data-index="{{0}}"
bind:change="onChange"
>
<wx-view
class="van-picker-column custom-class"
style="height:264px"
bind:touchcancel="onTouchEnd"
bind:touchend="onTouchEnd"
catch:touchmove="onTouchMove"
bind:touchstart="onTouchStart"
>
<wx-view
style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
>
<wx-view
class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
data-index="{{0}}"
style="height: 44px"
bind:tap="onClickItem"
>
杭州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{1}}"
style="height: 44px"
bind:tap="onClickItem"
>
宁波
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{2}}"
style="height: 44px"
bind:tap="onClickItem"
>
温州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{3}}"
style="height: 44px"
bind:tap="onClickItem"
>
嘉兴
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{4}}"
style="height: 44px"
bind:tap="onClickItem"
>
湖州
</wx-view>
</wx-view>
</wx-view>
</picker-column>
<wx-view
class="van-picker__mask"
style="background-size:100% 110px"
/>
<wx-view
class="van-picker__frame van-hairline--top-bottom"
style="height:44px"
/>
</wx-view>
</wx-view>
</van-picker>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix "
>
<wx-view
class="demo-block__title"
>
多列联动
</wx-view>
<van-picker
bind:change="onChange2"
>
<wx-view
class="van-picker custom-class"
>
<wx-view
class="van-picker__columns"
style="height:264px"
catch:touchmove="noop"
>
<picker-column
activeClass="active-class"
class="van-picker__column"
customClass="column-class"
data-index="{{0}}"
bind:change="onChange"
>
<wx-view
class="van-picker-column custom-class"
style="height:264px"
bind:touchcancel="onTouchEnd"
bind:touchend="onTouchEnd"
catch:touchmove="onTouchMove"
bind:touchstart="onTouchStart"
>
<wx-view
style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
>
<wx-view
class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
data-index="{{0}}"
style="height: 44px"
bind:tap="onClickItem"
>
浙江
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{1}}"
style="height: 44px"
bind:tap="onClickItem"
>
福建
</wx-view>
</wx-view>
</wx-view>
</picker-column>
<picker-column
activeClass="active-class"
class="van-picker__column"
customClass="column-class"
data-index="{{1}}"
bind:change="onChange"
>
<wx-view
class="van-picker-column custom-class"
style="height:264px"
bind:touchcancel="onTouchEnd"
bind:touchend="onTouchEnd"
catch:touchmove="onTouchMove"
bind:touchstart="onTouchStart"
>
<wx-view
style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{0}}"
style="height: 44px"
bind:tap="onClickItem"
>
杭州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{1}}"
style="height: 44px"
bind:tap="onClickItem"
>
宁波
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
data-index="{{2}}"
style="height: 44px"
bind:tap="onClickItem"
>
温州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{3}}"
style="height: 44px"
bind:tap="onClickItem"
>
嘉兴
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{4}}"
style="height: 44px"
bind:tap="onClickItem"
>
湖州
</wx-view>
</wx-view>
</wx-view>
</picker-column>
<wx-view
class="van-picker__mask"
style="background-size:100% 110px"
/>
<wx-view
class="van-picker__frame van-hairline--top-bottom"
style="height:44px"
/>
</wx-view>
</wx-view>
</van-picker>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix "
>
<wx-view
class="demo-block__title"
>
禁用选项
</wx-view>
<van-picker>
<wx-view
class="van-picker custom-class"
>
<wx-view
class="van-picker__columns"
style="height:264px"
catch:touchmove="noop"
>
<picker-column
activeClass="active-class"
class="van-picker__column"
customClass="column-class"
data-index="{{0}}"
bind:change="onChange"
>
<wx-view
class="van-picker-column custom-class"
style="height:264px"
bind:touchcancel="onTouchEnd"
bind:touchend="onTouchEnd"
catch:touchmove="onTouchMove"
bind:touchstart="onTouchStart"
>
<wx-view
style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
>
<wx-view
class="van-ellipsis van-picker-column__item van-picker-column__item--disabled van-picker-column__item--selected active-class"
data-index="{{0}}"
style="height: 44px"
bind:tap="onClickItem"
>
杭州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{1}}"
style="height: 44px"
bind:tap="onClickItem"
>
宁波
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{2}}"
style="height: 44px"
bind:tap="onClickItem"
>
温州
</wx-view>
</wx-view>
</wx-view>
</picker-column>
<wx-view
class="van-picker__mask"
style="background-size:100% 110px"
/>
<wx-view
class="van-picker__frame van-hairline--top-bottom"
style="height:44px"
/>
</wx-view>
</wx-view>
</van-picker>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix "
>
<wx-view
class="demo-block__title"
>
加载状态
</wx-view>
<van-picker>
<wx-view
class="van-picker custom-class"
>
<wx-view
class="van-picker__loading"
>
<van-loading>
<wx-view
class="custom-class van-loading"
>
<wx-view
class="van-loading__spinner van-loading__spinner--circular"
style="color:#1989fa"
/>
<wx-view
class="van-loading__text"
style=""
/>
</wx-view>
</van-loading>
</wx-view>
<wx-view
class="van-picker__columns"
style="height:264px"
catch:touchmove="noop"
>
<picker-column
activeClass="active-class"
class="van-picker__column"
customClass="column-class"
data-index="{{0}}"
bind:change="onChange"
>
<wx-view
class="van-picker-column custom-class"
style="height:264px"
bind:touchcancel="onTouchEnd"
bind:touchend="onTouchEnd"
catch:touchmove="onTouchMove"
bind:touchstart="onTouchStart"
>
<wx-view
style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
>
<wx-view
class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
data-index="{{0}}"
style="height: 44px"
bind:tap="onClickItem"
>
浙江
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{1}}"
style="height: 44px"
bind:tap="onClickItem"
>
福建
</wx-view>
</wx-view>
</wx-view>
</picker-column>
<picker-column
activeClass="active-class"
class="van-picker__column"
customClass="column-class"
data-index="{{1}}"
bind:change="onChange"
>
<wx-view
class="van-picker-column custom-class"
style="height:264px"
bind:touchcancel="onTouchEnd"
bind:touchend="onTouchEnd"
catch:touchmove="onTouchMove"
bind:touchstart="onTouchStart"
>
<wx-view
style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{0}}"
style="height: 44px"
bind:tap="onClickItem"
>
杭州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{1}}"
style="height: 44px"
bind:tap="onClickItem"
>
宁波
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
data-index="{{2}}"
style="height: 44px"
bind:tap="onClickItem"
>
温州
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{3}}"
style="height: 44px"
bind:tap="onClickItem"
>
嘉兴
</wx-view>
<wx-view
class="van-ellipsis van-picker-column__item "
data-index="{{4}}"
style="height: 44px"
bind:tap="onClickItem"
>
湖州
</wx-view>
</wx-view>
</wx-view>
</picker-column>
<wx-view
class="van-picker__mask"
style="background-size:100% 110px"
/>
<wx-view
class="van-picker__frame van-hairline--top-bottom"
style="height:44px"
/>
</wx-view>
</wx-view>
</van-picker>
</wx-view>
</demo-block>
<van-toast
id="van-toast"
>
<van-transition
customClass="van-toast__container"
/>
</van-toast>
</main>
`;
Reference in New Issue View Git Blame Copy Permalink