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(Card): add demo test

Browse Source
This commit is contained in:
nemo-shen 2021-12-01 23:59:53 +08:00 committed by neverland
parent ff4299b124
commit e14ca0b257
9 changed files with 278 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
example/app.json
View File

@ -70,6 +70,7 @@
"van-button": "./dist/button/index",
"van-button-demo": "./dist/button/demo/index",
"van-card": "./dist/card/index",
"van-card-demo": "./dist/card/demo/index",
"van-cell": "./dist/cell/index",
"van-cell-group": "./dist/cell-group/index",
"van-checkbox": "./dist/checkbox/index",

6
example/pages/card/index.js
View File

@ -1,7 +1,3 @@
import Page from '../../common/page';
Page({
data: {
imageURL: 'https://img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg'
}
});
Page();

33
example/pages/card/index.wxml
View File

@ -1,32 +1 @@
<view class="container">
<demo-block title="基础用法">
<van-card
num="2"
price="2.00"
desc="描述信息"
title="2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男"
thumb="{{ imageURL }}"
/>
</demo-block>
<demo-block title="高级用法">
<van-card
num="2"
tag="标签"
price="2.00"
origin-price="10.00"
desc="描述信息"
title="2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男"
thumb="{{ imageURL }}"
>
<view slot="tags">
<van-tag plain type="danger" custom-class="tag">标签1</van-tag>
<van-tag plain type="danger">标签2</van-tag>
</view>
<view slot="footer" class="van-card__footer">
<van-button size="mini" round custom-class="button">按钮</van-button>
<van-button size="mini" round>按钮</van-button>
</view>
</van-card>
</demo-block>
</view>
<van-card-demo />

7
packages/card/demo/index.json Normal file
View File

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

0
example/pages/card/index.wxss → packages/card/demo/index.less
View File

8
packages/card/demo/index.ts Normal file
View File

@ -0,0 +1,8 @@
import { VantComponent } from '../../common/component';
VantComponent({
data: {
imageURL:
'https://img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg',
},
});

32
packages/card/demo/index.wxml Normal file
View File

@ -0,0 +1,32 @@
<view class="container">
<demo-block title="基础用法">
<van-card
num="2"
price="2.00"
desc="描述信息"
title="2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男"
thumb="{{ imageURL }}"
/>
</demo-block>
<demo-block title="高级用法">
<van-card
num="2"
tag="标签"
price="2.00"
origin-price="10.00"
desc="描述信息"
title="2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男"
thumb="{{ imageURL }}"
>
<view slot="tags">
<van-tag plain type="danger" custom-class="tag">标签1</van-tag>
<van-tag plain type="danger">标签2</van-tag>
</view>
<view slot="footer" class="van-card__footer">
<van-button size="mini" round custom-class="button">按钮</van-button>
<van-button size="mini" round>按钮</van-button>
</view>
</van-card>
</demo-block>
</view>

217
packages/card/test/__snapshots__/demo.spec.ts.snap Normal file
View File

@ -0,0 +1,217 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<main>
<wx-view
class="container"
>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix "
>
<wx-view
class="demo-block__title"
>
基础用法
</wx-view>
<van-card>
<wx-view
class="custom-class van-card"
>
<wx-view
class="van-card__header"
>
<wx-view
class="van-card__thumb"
bind:tap="onClickThumb"
>
<wx-image
class="van-card__img thumb-class"
lazyLoad="{{false}}"
mode="aspectFit"
src="https://img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg"
/>
</wx-view>
<wx-view
class="van-card__content van-card__content"
>
<wx-view>
<wx-view
class="van-card__title title-class"
>
2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男
</wx-view>
<wx-view
class="van-card__desc desc-class"
>
描述信息
</wx-view>
</wx-view>
<wx-view
class="van-card__bottom"
>
<wx-view
class="van-card__price price-class"
>
<wx-text>
¥
</wx-text>
<wx-text
class="van-card__price-integer"
>
2
</wx-text>
<wx-text
class="van-card__price-decimal"
>
.00
</wx-text>
</wx-view>
<wx-view
class="van-card__num num-class"
>
x 2
</wx-view>
</wx-view>
</wx-view>
</wx-view>
<wx-view
class="van-card__footer"
/>
</wx-view>
</van-card>
</wx-view>
</demo-block>
<demo-block>
<wx-view
class="custom-class demo-block van-clearfix "
>
<wx-view
class="demo-block__title"
>
高级用法
</wx-view>
<van-card>
<wx-view
class="custom-class van-card"
>
<wx-view
class="van-card__header"
>
<wx-view
class="van-card__thumb"
bind:tap="onClickThumb"
>
<wx-image
class="van-card__img thumb-class"
lazyLoad="{{false}}"
mode="aspectFit"
src="https://img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg"
/>
<van-tag
customClass="van-card__tag"
>
<wx-view
class="custom-class van-tag van-tag--danger van-tag--mark"
style=""
>
标签
</wx-view>
</van-tag>
</wx-view>
<wx-view
class="van-card__content van-card__content"
>
<wx-view>
<wx-view
class="van-card__title title-class"
>
2018秋冬新款男士休闲时尚军绿飞行夹克秋冬新款男
</wx-view>
<wx-view
class="van-card__desc desc-class"
>
描述信息
</wx-view>
<wx-view
slot="tags"
>
<van-tag
customClass="tag"
plain="{{true}}"
type="danger"
>
标签1
</van-tag>
<van-tag
plain="{{true}}"
type="danger"
>
标签2
</van-tag>
</wx-view>
</wx-view>
<wx-view
class="van-card__bottom"
>
<wx-view
class="van-card__price price-class"
>
<wx-text>
¥
</wx-text>
<wx-text
class="van-card__price-integer"
>
2
</wx-text>
<wx-text
class="van-card__price-decimal"
>
.00
</wx-text>
</wx-view>
<wx-view
class="van-card__origin-price origin-price-class"
>
¥ 10.00
</wx-view>
<wx-view
class="van-card__num num-class"
>
x 2
</wx-view>
</wx-view>
</wx-view>
</wx-view>
<wx-view
class="van-card__footer"
>
<wx-view
class="van-card__footer"
slot="footer"
>
<van-button
customClass="button"
round="{{true}}"
size="mini"
>
按钮
</van-button>
<van-button
round="{{true}}"
size="mini"
>
按钮
</van-button>
</wx-view>
</wx-view>
</wx-view>
</van-card>
</wx-view>
</demo-block>
</wx-view>
</main>
`;

11
packages/card/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();
});