blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

test(Card): update test cases

Browse Source
This commit is contained in:
chenjiahan 2020-11-16 20:57:40 +08:00
parent 062cd546a9
commit c2bdbd131f
2 changed files with 107 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

141
src/card/test/__snapshots__/index.legacy.js.snap → src/card/test/__snapshots__/index.spec.js.snap
View File

@ -1,71 +1,120 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`render bottom slot 1`] = ` exports[`render thumb and tag slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header">
<div class="van-card__content">
<div></div>
<div class="van-card__bottom">Custom Bottom</div>
</div>
</div>
</div>
`;
exports[`render origin-price slot 1`] = `
<div class="van-card">
<div class="van-card__header">
<div class="van-card__content">
<div></div>
<div class="van-card__bottom">
<div class="van-card__origin-price">Custom Origin Price</div>
</div>
</div>
</div>
</div>
`;
exports[`render price & num slot 1`] = `
<div class="van-card">
<div class="van-card__header">
<div class="van-card__content">
<div></div>
<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">
<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__header"><a class="van-card__thumb">Custom Thumb<div class="van-card__tag">Custom Tag</div></a>
<div class="van-card__content"> <div class="van-card__content">
<div></div> <div>
<!---->
<!---->
<!---->
</div>
<!---->
</div> </div>
</div> </div>
<!---->
</div> </div>
`; `;
exports[`render title & desc slot 1`] = ` exports[`should render bottom slot correctly 1`] = `
<div class="van-card"> <div class="van-card">
<div class="van-card__header"> <div class="van-card__header">
<!---->
<div class="van-card__content"> <div class="van-card__content">
<div>Custom TitleCustom desc</div> <div>
<!---->
<!---->
<!---->
</div>
<div class="van-card__bottom">
<!---->
<!---->
<!---->
<!---->Custom Bottom</div>
</div> </div>
</div> </div>
<!---->
</div> </div>
`; `;
exports[`render price & price-top slot 1`] = ` exports[`should render origin-price slot correctly 1`] = `
<div class="van-card"> <div class="van-card">
<div class="van-card__header"> <div class="van-card__header">
<!---->
<div class="van-card__content"> <div class="van-card__content">
<div></div> <div>
<div class="van-card__bottom">Custom Price-top<div class="van-card__price">Custom Price</div> <!---->
<!---->
<!---->
</div>
<div class="van-card__bottom">
<!---->
<!---->
<div class="van-card__origin-price">Custom Origin Price</div>
<!---->
<!---->
</div> </div>
</div> </div>
</div> </div>
<!---->
</div> </div>
`; `;
exports[`should render price and num slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header">
<!---->
<div class="van-card__content">
<div>
<!---->
<!---->
<!---->
</div>
<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[`should render price and price-top slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header">
<!---->
<div class="van-card__content">
<div>
<!---->
<!---->
<!---->
</div>
<div class="van-card__bottom">Custom Price-top<div class="van-card__price">Custom Price</div>
<!---->
<!---->
<!---->
</div>
</div>
</div>
<!---->
</div>
`;
exports[`should render title and desc slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header">
<!---->
<div class="van-card__content">
<div>Custom TitleCustom desc
<!---->
</div>
<!---->
</div>
</div>
<!---->
</div>
`;

43
src/card/test/index.legacy.js → src/card/test/index.spec.js
View File

@ -1,48 +1,29 @@
import Card from '..'; import Card from '..';
import { mount } from '@vue/test-utils'; import { mount } from '@vue/test-utils';
test('click event', () => { test('should emit click event after clicked', () => {
const onClick = jest.fn(); const onClick = jest.fn();
const wrapper = mount(Card, { const wrapper = mount(Card, {
context: { props: {
on: { onClick,
click: onClick,
},
}, },
}); });
wrapper.trigger('click'); wrapper.trigger('click');
expect(onClick).toHaveBeenCalledTimes(1);
expect(onClick).toHaveBeenCalledWith(
expect.objectContaining({
isTrusted: expect.any(Boolean),
})
);
}); });
test('click-thumb event', () => { test('should emit click-thumb event after clicking thumb', () => {
const onClickThumb = jest.fn();
const wrapper = mount(Card, { const wrapper = mount(Card, {
props: { props: {
thumb: 'xx', thumb: 'xx',
}, },
context: {
on: {
'click-thumb': onClickThumb,
},
},
}); });
wrapper.find('.van-card__thumb').trigger('click'); wrapper.find('.van-card__thumb').trigger('click');
expect(wrapper.emitted('click-thumb').length).toEqual(1);
expect(onClickThumb).toHaveBeenCalledWith(
expect.objectContaining({
isTrusted: expect.any(Boolean),
})
);
}); });
test('render price & num slot', () => { test('should render price and num slot correctly', () => {
const wrapper = mount(Card, { const wrapper = mount(Card, {
slots: { slots: {
num: () => 'Custom Num', num: () => 'Custom Num',
@ -53,7 +34,7 @@ test('render price & num slot', () => {
expect(wrapper.html()).toMatchSnapshot(); expect(wrapper.html()).toMatchSnapshot();
}); });
test('render origin-price slot', () => { test('should render origin-price slot correctly', () => {
const wrapper = mount(Card, { const wrapper = mount(Card, {
slots: { slots: {
'origin-price': () => 'Custom Origin Price', 'origin-price': () => 'Custom Origin Price',
@ -63,7 +44,7 @@ test('render origin-price slot', () => {
expect(wrapper.html()).toMatchSnapshot(); expect(wrapper.html()).toMatchSnapshot();
}); });
test('render bottom slot', () => { test('should render bottom slot correctly', () => {
const wrapper = mount(Card, { const wrapper = mount(Card, {
slots: { slots: {
bottom: () => 'Custom Bottom', bottom: () => 'Custom Bottom',
@ -73,7 +54,7 @@ test('render bottom slot', () => {
expect(wrapper.html()).toMatchSnapshot(); expect(wrapper.html()).toMatchSnapshot();
}); });
test('render thumb & tag slot', () => { test('render thumb and tag slot correctly', () => {
const wrapper = mount(Card, { const wrapper = mount(Card, {
slots: { slots: {
tag: () => 'Custom Tag', tag: () => 'Custom Tag',
@ -84,7 +65,7 @@ test('render thumb & tag slot', () => {
expect(wrapper.html()).toMatchSnapshot(); expect(wrapper.html()).toMatchSnapshot();
}); });
test('render title & desc slot', () => { test('should render title and desc slot correctly', () => {
const wrapper = mount(Card, { const wrapper = mount(Card, {
slots: { slots: {
title: () => 'Custom Title', title: () => 'Custom Title',
@ -95,7 +76,7 @@ test('render title & desc slot', () => {
expect(wrapper.html()).toMatchSnapshot(); expect(wrapper.html()).toMatchSnapshot();
}); });
test('render price & price-top slot', () => { test('should render price and price-top slot correctly', () => {
const wrapper = mount(Card, { const wrapper = mount(Card, {
slots: { slots: {
price: () => 'Custom Price', price: () => 'Custom Price',