ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2026-05-16 01:07:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[improvement] Card: add test cases

Browse Source
This commit is contained in:
陈嘉涵
2019-05-31 09:53:17 +08:00
parent e8daae912a
commit 3a55346c4e
4 changed files with 80 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/card/test/__snapshots__/index.spec.js.snap
+29
View File
@@ -23,3 +23,32 @@ exports[`render origin-price slot 1`] = `
</div>
</div>
`;
exports[`render price & num slot 1`] = `
<div class="van-card">
<div class="van-card__header">
<div class="van-card__content">
<div class="van-card__bottom">
<div class="van-card__price">Custom Price</div>
<div class="van-card__num">Custom Num</div>
</div>
</div>
</div>
</div>
`;
exports[`render thumb & tag slot 1`] = `
<div class="van-card">
<div class="van-card__header"><a class="van-card__thumb">Custom Thumb<div class="van-card__tag">Custom Tag</div></a>
<div class="van-card__content"></div>
</div>
</div>
`;
exports[`render title & desc slot 1`] = `
<div class="van-card">
<div class="van-card__header">
<div class="van-card__content">Custom TitleCustom desc</div>
</div>
</div>
`;
packages/card/test/index.spec.js
+48 -12
View File
@@ -1,16 +1,29 @@
import Vue from 'vue';
import Card from '..';
import { mount } from '../../../test/utils';
Vue.use(Card);
test('render origin-price slot', () => {
const wrapper = mount({
template: `
<card>
<van-card>
<template v-slot:origin-price>Custom Origin Price</template>
</card>
`,
components: {
Card
}
</van-card>
`
});
expect(wrapper).toMatchSnapshot();
});
test('render price & num slot', () => {
const wrapper = mount({
template: `
<van-card>
<template v-slot:num>Custom Num</template>
<template v-slot:price>Custom Price</template>
</van-card>
`
});
expect(wrapper).toMatchSnapshot();
@@ -19,13 +32,36 @@ test('render origin-price slot', () => {
test('render bottom slot', () => {
const wrapper = mount({
template: `
<card :price="100">
<van-card :price="100">
<template v-slot:bottom>Custom Bottom</template>
</card>
`,
components: {
Card
}
</van-card>
`
});
expect(wrapper).toMatchSnapshot();
});
test('render thumb & tag slot', () => {
const wrapper = mount({
template: `
<van-card>
<template v-slot:thumb>Custom Thumb</template>
<template v-slot:tag>Custom Tag</template>
</van-card>
`
});
expect(wrapper).toMatchSnapshot();
});
test('render title & desc slot', () => {
const wrapper = mount({
template: `
<van-card>
<template v-slot:title>Custom Title</template>
<template v-slot:desc>Custom desc</template>
</van-card>
`
});
expect(wrapper).toMatchSnapshot();