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

Browse Source
This commit is contained in:
chenjiahan 2020-11-08 20:25:19 +08:00
parent 9c841da26d
commit cd9c36fe38
6 changed files with 104 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/action-bar-icon/test/__snapshots__/index.spec.js.snap Normal file
View File

@ -0,0 +1,35 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render default slot and match snapshot 1`] = `
<div role="button" class="van-action-bar-icon" tabindex="0">
<div class="van-badge__wrapper van-icon van-icon-undefined van-action-bar-icon__icon">
<!---->
<!---->
<!---->
</div>Content
</div>
`;
exports[`should render icon slot and match snapshot 1`] = `
<div role="button" class="van-action-bar-icon" tabindex="0">
<div class="van-badge__wrapper van-action-bar-icon__icon">Custom Icon
<!---->
</div>Content
</div>
`;
exports[`should render icon slot with badge and match snapshot 1`] = `
<div role="button" class="van-action-bar-icon" tabindex="0">
<div class="van-badge__wrapper van-action-bar-icon__icon">Custom Icon<div class="van-badge van-badge--fixed">1</div>
</div>Content
</div>
`;
exports[`should render icon slot with dot and match snapshot 1`] = `
<div role="button" class="van-action-bar-icon" tabindex="0">
<div class="van-badge__wrapper van-action-bar-icon__icon">Custom Icon<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
</div>
</div>Content
</div>
`;

50
src/action-bar-icon/test/index.spec.js Normal file
View File

@ -0,0 +1,50 @@
import { mount } from '@vue/test-utils';
import ActionBarIcon from '..';
test('should render default slot and match snapshot', () => {
const wrapper = mount(ActionBarIcon, {
slots: {
default: 'Content',
},
});
expect(wrapper.html()).toMatchSnapshot();
});
test('should render icon slot and match snapshot', () => {
const wrapper = mount(ActionBarIcon, {
slots: {
default: 'Content',
icon: 'Custom Icon',
},
});
expect(wrapper.html()).toMatchSnapshot();
});
test('should render icon slot with badge and match snapshot', () => {
const wrapper = mount(ActionBarIcon, {
props: {
badge: '1',
},
slots: {
default: 'Content',
icon: 'Custom Icon',
},
});
expect(wrapper.html()).toMatchSnapshot();
});
test('should render icon slot with dot and match snapshot', () => {
const wrapper = mount(ActionBarIcon, {
props: {
dot: true,
},
slots: {
default: 'Content',
icon: 'Custom Icon',
},
});
expect(wrapper.html()).toMatchSnapshot();
});

39
src/action-bar/test/__snapshots__/index.legacy.js.snap
View File

@ -1,39 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Button render default slot 1`] = `
<button class="van-button van-button--default van-button--large van-action-bar-button van-action-bar-button--first van-action-bar-button--last">
<div class="van-button__content"><span class="van-button__text">Default Content</span></div>
</button>
`;
exports[`Icon render default slot 1`] = `
<div role="button" tabindex="0" class="van-action-bar-icon">
<div class="van-icon van-icon-undefined van-action-bar-icon__icon">
<!---->
</div>Default Content
</div>
`;
exports[`Icon render icon slot 1`] = `
<div role="button" tabindex="0" class="van-action-bar-icon">
<div class="van-action-bar-icon__icon">Custom Icon
<!---->
</div>Text
</div>
`;
exports[`Icon render icon slot with dot 1`] = `
<div role="button" tabindex="0" class="van-action-bar-icon">
<div class="van-action-bar-icon__icon">Custom Icon<div class="van-badge van-badge--dot"></div>
</div>Text
</div>
`;
exports[`Icon render icon slot with badge 1`] = `
<div role="button" tabindex="0" class="van-action-bar-icon">
<div class="van-action-bar-icon__icon">Custom Icon<div class="van-badge">1</div>
</div>Text
</div>
`;
exports[`disable safe-area-inset-bottom prop 1`] = `<div class="van-action-bar van-action-bar--unfit"></div>`;

7
src/action-bar/test/__snapshots__/index.spec.js.snap Normal file
View File

@ -0,0 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should allow to disable safe-area-inset-bottom prop 1`] = `
<div class="van-action-bar van-action-bar--unfit">
<!---->
</div>
`;

80
src/action-bar/test/index.legacy.js
View File

@ -1,80 +0,0 @@
import ActionBar from '..';
import Icon from '../../action-bar-icon';
import { mount } from '../../../test';
test('Icon click event', () => {
const wrapper = mount(Icon);
wrapper.trigger('click');
expect(wrapper.emitted('click').length).toEqual(1);
});
test('Icon render default slot', () => {
const wrapper = mount({
render(h) {
return h(Icon, null, ['Default Content']);
},
});
expect(wrapper.html()).toMatchSnapshot();
});
test('Icon render icon slot', () => {
const wrapper = mount({
render(h) {
return h(Icon, {
scopedSlots: {
default: () => 'Text',
icon: () => 'Custom Icon',
},
});
},
});
expect(wrapper.html()).toMatchSnapshot();
});
test('Icon render icon slot with badge', () => {
const wrapper = mount({
render(h) {
return h(Icon, {
props: {
badge: '1',
},
scopedSlots: {
default: () => 'Text',
icon: () => 'Custom Icon',
},
});
},
});
expect(wrapper.html()).toMatchSnapshot();
});
test('Icon render icon slot with dot', () => {
const wrapper = mount({
render(h) {
return h(Icon, {
props: {
dot: true,
},
scopedSlots: {
default: () => 'Text',
icon: () => 'Custom Icon',
},
});
},
});
expect(wrapper.html()).toMatchSnapshot();
});
test('disable safe-area-inset-bottom prop', () => {
const wrapper = mount(ActionBar, {
propsData: {
safeAreaInsetBottom: false,
},
});
expect(wrapper.html()).toMatchSnapshot();
});

12
src/action-bar/test/index.spec.js Normal file
View File

@ -0,0 +1,12 @@
import ActionBar from '..';
import { mount } from '../../../test';
test('should allow to disable safe-area-inset-bottom prop', () => {
const wrapper = mount(ActionBar, {
propsData: {
safeAreaInsetBottom: false,
},
});
expect(wrapper.html()).toMatchSnapshot();
});