mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
test(Card): add demo test
This commit is contained in:
nemo-shen
neverland
parent
ff4299b124
commit
e14ca0b257
@ -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",
|
||||
|
||||
@ -1,7 +1,3 @@
|
||||
import Page from '../../common/page';
|
||||
|
||||
Page({
|
||||
data: {
|
||||
imageURL: 'https://img.yzcdn.cn/upload_files/2017/07/02/af5b9f44deaeb68000d7e4a711160c53.jpg'
|
||||
}
|
||||
});
|
||||
Page();
|
||||
|
||||
@ -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
7
packages/card/demo/index.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-card": "../../card/index",
|
||||
"demo-block": "../../../example/components/demo-block/index"
|
||||
}
|
||||
}
|
||||
8
packages/card/demo/index.ts
Normal file
8
packages/card/demo/index.ts
Normal 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
32
packages/card/demo/index.wxml
Normal 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
217
packages/card/test/__snapshots__/demo.spec.ts.snap
Normal 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
11
packages/card/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