mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
test(ActionSheet): add demo test
This commit is contained in:
nemo-shen
neverland
parent
3edbcdce53
commit
7819c25be0
@ -64,6 +64,7 @@
|
|||||||
"usingComponents": {
|
"usingComponents": {
|
||||||
"demo-block": "./components/demo-block/index",
|
"demo-block": "./components/demo-block/index",
|
||||||
"van-action-sheet": "./dist/action-sheet/index",
|
"van-action-sheet": "./dist/action-sheet/index",
|
||||||
|
"van-action-sheet-demo": "./dist/action-sheet/demo/index",
|
||||||
"van-area": "./dist/area/index",
|
"van-area": "./dist/area/index",
|
||||||
"van-button": "./dist/button/index",
|
"van-button": "./dist/button/index",
|
||||||
"van-button-demo": "./dist/button/demo/index",
|
"van-button-demo": "./dist/button/demo/index",
|
||||||
|
|||||||
@ -1,58 +1,3 @@
|
|||||||
import Page from '../../common/page';
|
import Page from '../../common/page';
|
||||||
|
|
||||||
Page({
|
Page();
|
||||||
data: {
|
|
||||||
show1: false,
|
|
||||||
show2: false,
|
|
||||||
show3: false,
|
|
||||||
show4: false,
|
|
||||||
show5: false,
|
|
||||||
show6: false,
|
|
||||||
action1: [
|
|
||||||
{ name: '选项' },
|
|
||||||
{ name: '选项' },
|
|
||||||
{ name: '选项', subname: '描述信息' },
|
|
||||||
],
|
|
||||||
action2: [
|
|
||||||
{ name: '着色选项', color: '#ee0a24' },
|
|
||||||
{ loading: true },
|
|
||||||
{ name: '禁用选项', disabled: true },
|
|
||||||
],
|
|
||||||
action6: [
|
|
||||||
{ name: '获取用户信息', color: '#07c160', openType: 'getUserInfo' },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
|
|
||||||
toggle(type) {
|
|
||||||
this.setData({
|
|
||||||
[type]: !this.data[type],
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
toggleActionSheet1() {
|
|
||||||
this.toggle('show1');
|
|
||||||
},
|
|
||||||
|
|
||||||
toggleActionSheet2() {
|
|
||||||
this.toggle('show2');
|
|
||||||
},
|
|
||||||
|
|
||||||
toggleActionSheet3() {
|
|
||||||
this.toggle('show3');
|
|
||||||
},
|
|
||||||
|
|
||||||
toggleActionSheet4() {
|
|
||||||
this.toggle('show4');
|
|
||||||
},
|
|
||||||
|
|
||||||
toggleActionSheet5() {
|
|
||||||
this.toggle('show5');
|
|
||||||
},
|
|
||||||
|
|
||||||
toggleActionSheet6() {
|
|
||||||
this.toggle('show6');
|
|
||||||
},
|
|
||||||
onGetUserInfo(e) {
|
|
||||||
console.log(e.detail);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|||||||
@ -1,62 +1 @@
|
|||||||
<demo-block title="基础用法" padding>
|
<van-action-sheet-demo />
|
||||||
<van-button type="primary" bind:click="toggleActionSheet1">弹出菜单</van-button>
|
|
||||||
<van-action-sheet
|
|
||||||
show="{{ show1 }}"
|
|
||||||
actions="{{ action1 }}"
|
|
||||||
bind:close="toggleActionSheet1"
|
|
||||||
/>
|
|
||||||
</demo-block>
|
|
||||||
|
|
||||||
<demo-block title="选项状态" padding>
|
|
||||||
<van-button type="primary" bind:click="toggleActionSheet2">弹出菜单</van-button>
|
|
||||||
<van-action-sheet
|
|
||||||
show="{{ show2 }}"
|
|
||||||
actions="{{ action2 }}"
|
|
||||||
bind:close="toggleActionSheet2"
|
|
||||||
/>
|
|
||||||
</demo-block>
|
|
||||||
|
|
||||||
<demo-block title="展示取消按钮" padding>
|
|
||||||
<van-button type="primary" bind:click="toggleActionSheet3">弹出菜单</van-button>
|
|
||||||
<van-action-sheet
|
|
||||||
show="{{ show3 }}"
|
|
||||||
actions="{{ action1 }}"
|
|
||||||
cancel-text="取消"
|
|
||||||
bind:close="toggleActionSheet3"
|
|
||||||
>
|
|
||||||
</van-action-sheet>
|
|
||||||
</demo-block>
|
|
||||||
|
|
||||||
<demo-block title="展示描述信息" padding>
|
|
||||||
<van-button type="primary" bind:click="toggleActionSheet4">弹出菜单</van-button>
|
|
||||||
<van-action-sheet
|
|
||||||
show="{{ show4 }}"
|
|
||||||
actions="{{ action1 }}"
|
|
||||||
description="这是一段描述信息"
|
|
||||||
bind:close="toggleActionSheet4"
|
|
||||||
>
|
|
||||||
</van-action-sheet>
|
|
||||||
</demo-block>
|
|
||||||
|
|
||||||
<demo-block title="展示标题栏" padding>
|
|
||||||
<van-button type="primary" bind:click="toggleActionSheet5">弹出菜单</van-button>
|
|
||||||
<van-action-sheet
|
|
||||||
show="{{ show5 }}"
|
|
||||||
title="标题"
|
|
||||||
bind:close="toggleActionSheet5"
|
|
||||||
>
|
|
||||||
<view class="content">内容</view>
|
|
||||||
</van-action-sheet>
|
|
||||||
</demo-block>
|
|
||||||
|
|
||||||
<demo-block title="微信开放能力" padding>
|
|
||||||
<van-button type="primary" bind:click="toggleActionSheet6">弹出菜单</van-button>
|
|
||||||
<van-action-sheet
|
|
||||||
show="{{ show6 }}"
|
|
||||||
title="标题"
|
|
||||||
bind:close="toggleActionSheet6"
|
|
||||||
actions="{{ action6 }}"
|
|
||||||
bind:getuserinfo="onGetUserInfo"
|
|
||||||
>
|
|
||||||
</van-action-sheet>
|
|
||||||
</demo-block>
|
|
||||||
|
|||||||
8
packages/action-sheet/demo/index.json
Normal file
8
packages/action-sheet/demo/index.json
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
{
|
||||||
|
"component": true,
|
||||||
|
"usingComponents": {
|
||||||
|
"van-button": "../../button/index",
|
||||||
|
"van-action-sheet": "../../action-sheet/index",
|
||||||
|
"demo-block": "../../../example/components/demo-block/index"
|
||||||
|
}
|
||||||
|
}
|
||||||
61
packages/action-sheet/demo/index.ts
Normal file
61
packages/action-sheet/demo/index.ts
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
import { VantComponent } from '../../common/component';
|
||||||
|
|
||||||
|
VantComponent({
|
||||||
|
data: {
|
||||||
|
show1: false,
|
||||||
|
show2: false,
|
||||||
|
show3: false,
|
||||||
|
show4: false,
|
||||||
|
show5: false,
|
||||||
|
show6: false,
|
||||||
|
action1: [
|
||||||
|
{ name: '选项' },
|
||||||
|
{ name: '选项' },
|
||||||
|
{ name: '选项', subname: '描述信息' },
|
||||||
|
],
|
||||||
|
action2: [
|
||||||
|
{ name: '着色选项', color: '#ee0a24' },
|
||||||
|
{ loading: true },
|
||||||
|
{ name: '禁用选项', disabled: true },
|
||||||
|
],
|
||||||
|
action6: [
|
||||||
|
{ name: '获取用户信息', color: '#07c160', openType: 'getUserInfo' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
toggle(type) {
|
||||||
|
this.setData({
|
||||||
|
[type]: !this.data[type],
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
toggleActionSheet1() {
|
||||||
|
this.toggle('show1');
|
||||||
|
},
|
||||||
|
|
||||||
|
toggleActionSheet2() {
|
||||||
|
this.toggle('show2');
|
||||||
|
},
|
||||||
|
|
||||||
|
toggleActionSheet3() {
|
||||||
|
this.toggle('show3');
|
||||||
|
},
|
||||||
|
|
||||||
|
toggleActionSheet4() {
|
||||||
|
this.toggle('show4');
|
||||||
|
},
|
||||||
|
|
||||||
|
toggleActionSheet5() {
|
||||||
|
this.toggle('show5');
|
||||||
|
},
|
||||||
|
|
||||||
|
toggleActionSheet6() {
|
||||||
|
this.toggle('show6');
|
||||||
|
},
|
||||||
|
|
||||||
|
onGetUserInfo(e) {
|
||||||
|
console.log(e.detail);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
62
packages/action-sheet/demo/index.wxml
Normal file
62
packages/action-sheet/demo/index.wxml
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
<demo-block title="基础用法" padding>
|
||||||
|
<van-button type="primary" bind:click="toggleActionSheet1">弹出菜单</van-button>
|
||||||
|
<van-action-sheet
|
||||||
|
show="{{ show1 }}"
|
||||||
|
actions="{{ action1 }}"
|
||||||
|
bind:close="toggleActionSheet1"
|
||||||
|
/>
|
||||||
|
</demo-block>
|
||||||
|
|
||||||
|
<demo-block title="选项状态" padding>
|
||||||
|
<van-button type="primary" bind:click="toggleActionSheet2">弹出菜单</van-button>
|
||||||
|
<van-action-sheet
|
||||||
|
show="{{ show2 }}"
|
||||||
|
actions="{{ action2 }}"
|
||||||
|
bind:close="toggleActionSheet2"
|
||||||
|
/>
|
||||||
|
</demo-block>
|
||||||
|
|
||||||
|
<demo-block title="展示取消按钮" padding>
|
||||||
|
<van-button type="primary" bind:click="toggleActionSheet3">弹出菜单</van-button>
|
||||||
|
<van-action-sheet
|
||||||
|
show="{{ show3 }}"
|
||||||
|
actions="{{ action1 }}"
|
||||||
|
cancel-text="取消"
|
||||||
|
bind:close="toggleActionSheet3"
|
||||||
|
>
|
||||||
|
</van-action-sheet>
|
||||||
|
</demo-block>
|
||||||
|
|
||||||
|
<demo-block title="展示描述信息" padding>
|
||||||
|
<van-button type="primary" bind:click="toggleActionSheet4">弹出菜单</van-button>
|
||||||
|
<van-action-sheet
|
||||||
|
show="{{ show4 }}"
|
||||||
|
actions="{{ action1 }}"
|
||||||
|
description="这是一段描述信息"
|
||||||
|
bind:close="toggleActionSheet4"
|
||||||
|
>
|
||||||
|
</van-action-sheet>
|
||||||
|
</demo-block>
|
||||||
|
|
||||||
|
<demo-block title="展示标题栏" padding>
|
||||||
|
<van-button type="primary" bind:click="toggleActionSheet5">弹出菜单</van-button>
|
||||||
|
<van-action-sheet
|
||||||
|
show="{{ show5 }}"
|
||||||
|
title="标题"
|
||||||
|
bind:close="toggleActionSheet5"
|
||||||
|
>
|
||||||
|
<view class="content">内容</view>
|
||||||
|
</van-action-sheet>
|
||||||
|
</demo-block>
|
||||||
|
|
||||||
|
<demo-block title="微信开放能力" padding>
|
||||||
|
<van-button type="primary" bind:click="toggleActionSheet6">弹出菜单</van-button>
|
||||||
|
<van-action-sheet
|
||||||
|
show="{{ show6 }}"
|
||||||
|
title="标题"
|
||||||
|
bind:close="toggleActionSheet6"
|
||||||
|
actions="{{ action6 }}"
|
||||||
|
bind:getuserinfo="onGetUserInfo"
|
||||||
|
>
|
||||||
|
</van-action-sheet>
|
||||||
|
</demo-block>
|
||||||
391
packages/action-sheet/test/__snapshots__/demo.spec.ts.snap
Normal file
391
packages/action-sheet/test/__snapshots__/demo.spec.ts.snap
Normal file
@ -0,0 +1,391 @@
|
|||||||
|
// 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-button
|
||||||
|
bind:click="toggleActionSheet1"
|
||||||
|
>
|
||||||
|
<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: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>
|
||||||
|
<van-action-sheet
|
||||||
|
bind:close="toggleActionSheet1"
|
||||||
|
>
|
||||||
|
<van-popup
|
||||||
|
customClass="van-action-sheet"
|
||||||
|
bind:close="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-overlay
|
||||||
|
bind:click="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-transition
|
||||||
|
customClass="van-overlay"
|
||||||
|
bind:tap="onClick"
|
||||||
|
catch:touchmove="noop"
|
||||||
|
/>
|
||||||
|
</van-overlay>
|
||||||
|
</van-popup>
|
||||||
|
</van-action-sheet>
|
||||||
|
</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-button
|
||||||
|
bind:click="toggleActionSheet2"
|
||||||
|
>
|
||||||
|
<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: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>
|
||||||
|
<van-action-sheet
|
||||||
|
bind:close="toggleActionSheet2"
|
||||||
|
>
|
||||||
|
<van-popup
|
||||||
|
customClass="van-action-sheet"
|
||||||
|
bind:close="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-overlay
|
||||||
|
bind:click="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-transition
|
||||||
|
customClass="van-overlay"
|
||||||
|
bind:tap="onClick"
|
||||||
|
catch:touchmove="noop"
|
||||||
|
/>
|
||||||
|
</van-overlay>
|
||||||
|
</van-popup>
|
||||||
|
</van-action-sheet>
|
||||||
|
</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-button
|
||||||
|
bind:click="toggleActionSheet3"
|
||||||
|
>
|
||||||
|
<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: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>
|
||||||
|
<van-action-sheet
|
||||||
|
bind:close="toggleActionSheet3"
|
||||||
|
>
|
||||||
|
<van-popup
|
||||||
|
customClass="van-action-sheet"
|
||||||
|
bind:close="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-overlay
|
||||||
|
bind:click="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-transition
|
||||||
|
customClass="van-overlay"
|
||||||
|
bind:tap="onClick"
|
||||||
|
catch:touchmove="noop"
|
||||||
|
/>
|
||||||
|
</van-overlay>
|
||||||
|
</van-popup>
|
||||||
|
</van-action-sheet>
|
||||||
|
</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-button
|
||||||
|
bind:click="toggleActionSheet4"
|
||||||
|
>
|
||||||
|
<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: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>
|
||||||
|
<van-action-sheet
|
||||||
|
bind:close="toggleActionSheet4"
|
||||||
|
>
|
||||||
|
<van-popup
|
||||||
|
customClass="van-action-sheet"
|
||||||
|
bind:close="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-overlay
|
||||||
|
bind:click="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-transition
|
||||||
|
customClass="van-overlay"
|
||||||
|
bind:tap="onClick"
|
||||||
|
catch:touchmove="noop"
|
||||||
|
/>
|
||||||
|
</van-overlay>
|
||||||
|
</van-popup>
|
||||||
|
</van-action-sheet>
|
||||||
|
</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-button
|
||||||
|
bind:click="toggleActionSheet5"
|
||||||
|
>
|
||||||
|
<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: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>
|
||||||
|
<van-action-sheet
|
||||||
|
bind:close="toggleActionSheet5"
|
||||||
|
>
|
||||||
|
<van-popup
|
||||||
|
customClass="van-action-sheet"
|
||||||
|
bind:close="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-overlay
|
||||||
|
bind:click="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-transition
|
||||||
|
customClass="van-overlay"
|
||||||
|
bind:tap="onClick"
|
||||||
|
catch:touchmove="noop"
|
||||||
|
/>
|
||||||
|
</van-overlay>
|
||||||
|
</van-popup>
|
||||||
|
</van-action-sheet>
|
||||||
|
</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-button
|
||||||
|
bind:click="toggleActionSheet6"
|
||||||
|
>
|
||||||
|
<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: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>
|
||||||
|
<van-action-sheet
|
||||||
|
bind:close="toggleActionSheet6"
|
||||||
|
bind:getuserinfo="onGetUserInfo"
|
||||||
|
>
|
||||||
|
<van-popup
|
||||||
|
customClass="van-action-sheet"
|
||||||
|
bind:close="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-overlay
|
||||||
|
bind:click="onClickOverlay"
|
||||||
|
>
|
||||||
|
<van-transition
|
||||||
|
customClass="van-overlay"
|
||||||
|
bind:tap="onClick"
|
||||||
|
catch:touchmove="noop"
|
||||||
|
/>
|
||||||
|
</van-overlay>
|
||||||
|
</van-popup>
|
||||||
|
</van-action-sheet>
|
||||||
|
</wx-view>
|
||||||
|
</demo-block>
|
||||||
|
</main>
|
||||||
|
`;
|
||||||
11
packages/action-sheet/test/demo.spec.ts
Normal file
11
packages/action-sheet/test/demo.spec.ts
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
import path from 'path';
|
||||||
|
import simulate from 'miniprogram-simulate';
|
||||||
|
|
||||||
|
test('should render demo and match snapshot', () => {
|
||||||
|
const id = simulate.load(path.resolve(__dirname, '../demo/index'), {
|
||||||
|
rootPath: path.resolve(__dirname, '../../'),
|
||||||
|
});
|
||||||
|
const comp = simulate.render(id);
|
||||||
|
comp.attach(document.createElement('parent-wrapper'));
|
||||||
|
expect(comp.toJSON()).toMatchSnapshot();
|
||||||
|
});
|
||||||
Loading…
x
Reference in New Issue
Block a user