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(Badge): update test cases

Browse Source
This commit is contained in:
chenjiahan 2020-11-13 23:32:27 +08:00
parent 9d3aa1d0f0
commit c33720a793
5 changed files with 67 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/badge/test/__snapshots__/demo.spec.js.snap Normal file
View File

@ -0,0 +1,41 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--fixed">5</div>
</div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
</div>
</div>
</div>
<div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--fixed">9+</div>
</div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--fixed">99+</div>
</div>
</div>
<div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--fixed" style="background: rgb(25, 137, 250);">5</div>
</div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--dot van-badge--fixed" style="background: rgb(25, 137, 250);">
<!---->
</div>
</div>
</div>
<div>
<div class="van-badge" style="margin-left: 16px;">99+</div>
</div>
`;

7
src/badge/test/__snapshots__/index.legacy.js.snap
View File

@ -1,7 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should not render when badge is empty string 1`] = ``;
exports[`should not render when badge is empty undefined 1`] = ``;
exports[`should render when badge is zero 1`] = `<div class="van-badge">0</div>`;

9
src/badge/test/__snapshots__/index.spec.js.snap Normal file
View File

@ -0,0 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render content slot and match snapshot 1`] = `<div class="van-badge">Custom Content</div>`;
exports[`should render nothing when badge is empty string 1`] = `<!---->`;
exports[`should render nothing when badge is undefined 1`] = `<!---->`;
exports[`should render nothing when badge is zero 1`] = `<!---->`;

4
src/badge/test/demo.spec.js Normal file
View File

@ -0,0 +1,4 @@
import Demo from '../demo';
import { snapshotDemo } from '../../../test/demo';
snapshotDemo(Demo);

16
src/badge/test/index.legacy.js → src/badge/test/index.spec.js
View File

@ -1,7 +1,7 @@
import Badge from '..';
import { mount } from '@vue/test-utils';
test('should not render when badge is empty string', () => {
test('should render nothing when badge is empty string', () => {
const wrapper = mount(Badge, {
propsData: {
badge: '',
@ -11,7 +11,7 @@ test('should not render when badge is empty string', () => {
expect(wrapper.html()).toMatchSnapshot();
});
test('should not render when badge is empty undefined', () => {
test('should render nothing when badge is undefined', () => {
const wrapper = mount(Badge, {
propsData: {
badge: undefined,
@ -21,7 +21,7 @@ test('should not render when badge is empty undefined', () => {
expect(wrapper.html()).toMatchSnapshot();
});
test('should render when badge is zero', () => {
test('should render nothing when badge is zero', () => {
const wrapper = mount(Badge, {
propsData: {
badge: 0,
@ -30,3 +30,13 @@ test('should render when badge is zero', () => {
expect(wrapper.html()).toMatchSnapshot();
});
test('should render content slot and match snapshot', () => {
const wrapper = mount(Badge, {
slots: {
content: () => 'Custom Content',
},
});
expect(wrapper.html()).toMatchSnapshot();
});