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

test(Notify): add demo test

Browse Source
This commit is contained in:
nemo-shen 2021-12-12 22:43:01 +08:00 committed by neverland
parent 40349869e5
commit beaa24f81b
9 changed files with 447 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
example/app.json
View File

@ -100,6 +100,7 @@
"van-nav-bar": "./dist/nav-bar/index",
"van-notice-bar": "./dist/notice-bar/index",
"van-notify": "./dist/notify/index",
"van-notify-demo": "./dist/notify/demo/index",
"van-panel": "./dist/panel/index",
"van-panel-demo": "./dist/panel/demo/index",
"van-popup": "./dist/popup/index",

39
example/pages/notify/index.js
View File

@ -1,40 +1,3 @@
import Page from '../../common/page';
import Notify from '../../dist/notify/notify';
Page({
showNotify() {
Notify('通知内容');
},
showCustomColor() {
Notify({
message: '自定义颜色',
color: '#ad0000',
background: '#ffe1e1'
});
Notify.clear();
},
showCustomDuration() {
Notify({
duration: 1000,
message: '自定义时长'
});
},
showNotifyByType(event) {
const { type } = event.currentTarget.dataset;
Notify({
type,
message: '通知内容'
});
},
showSafe() {
Notify({
message: '通知内容',
safeAreaInsetTop: true
});
}
});
Page();

26
example/pages/notify/index.wxml
View File

@ -1,25 +1 @@
<demo-block padding title="基础用法">
<van-button type="danger" bind:click="showNotify">基础用法</van-button>
</demo-block>
<demo-block padding title="通知类型">
<view class="demo-margin-bottom">
<van-button class="demo-margin-right" type="info" data-type="primary" bind:click="showNotifyByType">主要通知</van-button>
<van-button type="primary" data-type="success" bind:click="showNotifyByType">成功通知</van-button>
</view>
<view class="demo-margin-bottom">
<van-button class="demo-margin-right" type="danger" data-type="danger" bind:click="showNotifyByType">危险通知</van-button>
<van-button type="warning" data-type="warning" bind:click="showNotifyByType">警告通知</van-button>
</view>
</demo-block>
<demo-block padding title="自定义通知">
<van-button type="primary" class="demo-margin-right" bind:click="showCustomColor">自定义颜色</van-button>
<van-button type="primary" bind:click="showCustomDuration">自定义时长</van-button>
</demo-block>
<demo-block padding title="插入状态栏高度">
<van-button type="primary" class="demo-margin-right" bind:click="showSafe">插入状态栏高度</van-button>
</demo-block>
<van-notify id="van-notify" />
<van-notify-demo />

1
example/pages/notify/index.wxss
View File

@ -1 +0,0 @@
/* pages/notify/index.wxss */

8
packages/notify/demo/index.json Normal file
View File

@ -0,0 +1,8 @@
{
"component": true,
"usingComponents": {
"van-button": "../../button/index",
"van-notify": "../../notify/index",
"demo-block": "../../../example/components/demo-block/index"
}
}

46
packages/notify/demo/index.ts Normal file
View File

@ -0,0 +1,46 @@
import { VantComponent } from '../../common/component';
import Notify from '../../notify/notify';
VantComponent({
methods: {
showNotify() {
Notify({ context: this, message: '通知内容' });
},
showCustomColor() {
Notify({
context: this,
message: '自定义颜色',
color: '#ad0000',
background: '#ffe1e1',
});
Notify.clear();
},
showCustomDuration() {
Notify({
context: this,
duration: 1000,
message: '自定义时长',
});
},
showNotifyByType(event) {
const { type } = event.currentTarget.dataset;
Notify({
type,
context: this,
message: '通知内容',
});
},
showSafe() {
Notify({
context: this,
message: '通知内容',
safeAreaInsetTop: true,
});
},
},
});

25
packages/notify/demo/index.wxml Normal file
View File

@ -0,0 +1,25 @@
<demo-block padding title="基础用法">
<van-button type="danger" bind:click="showNotify">基础用法</van-button>
</demo-block>
<demo-block padding title="通知类型">
<view class="demo-margin-bottom">
<van-button class="demo-margin-right" type="info" data-type="primary" bind:click="showNotifyByType">主要通知</van-button>
<van-button type="primary" data-type="success" bind:click="showNotifyByType">成功通知</van-button>
</view>
<view class="demo-margin-bottom">
<van-button class="demo-margin-right" type="danger" data-type="danger" bind:click="showNotifyByType">危险通知</van-button>
<van-button type="warning" data-type="warning" bind:click="showNotifyByType">警告通知</van-button>
</view>
</demo-block>
<demo-block padding title="自定义通知">
<van-button type="primary" class="demo-margin-right" bind:click="showCustomColor">自定义颜色</van-button>
<van-button type="primary" bind:click="showCustomDuration">自定义时长</van-button>
</demo-block>
<demo-block padding title="插入状态栏高度">
<van-button type="primary" class="demo-margin-right" bind:click="showSafe">插入状态栏高度</van-button>
</demo-block>
<van-notify id="van-notify" />

354
packages/notify/test/__snapshots__/demo.spec.ts.snap Normal file
View File

@ -0,0 +1,354 @@
// 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="showNotify"
>
<wx-button
appParameter=""
ariaLabel=""
businessId="{{0}}"
class="custom-class van-button van-button--danger 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>
</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>
<wx-view
class="demo-margin-bottom"
>
<van-button
class="demo-margin-right"
data-type="primary"
bind:click="showNotifyByType"
>
<wx-button
appParameter=""
ariaLabel=""
businessId="{{0}}"
class="custom-class van-button van-button--info 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-button
data-type="success"
bind:click="showNotifyByType"
>
<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>
</wx-view>
<wx-view
class="demo-margin-bottom"
>
<van-button
class="demo-margin-right"
data-type="danger"
bind:click="showNotifyByType"
>
<wx-button
appParameter=""
ariaLabel=""
businessId="{{0}}"
class="custom-class van-button van-button--danger 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-button
data-type="warning"
bind:click="showNotifyByType"
>
<wx-button
appParameter=""
ariaLabel=""
businessId="{{0}}"
class="custom-class van-button van-button--warning 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>
</wx-view>
</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
class="demo-margin-right"
bind:click="showCustomColor"
>
<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-button
bind:click="showCustomDuration"
>
<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>
</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
class="demo-margin-right"
bind:click="showSafe"
>
<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>
</wx-view>
</demo-block>
<van-notify
id="van-notify"
>
<van-transition
customClass="van-notify__container"
bind:tap="onTap"
/>
</van-notify>
</main>
`;

11
packages/notify/test/demo.spec.ts Normal file
View 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();
});