ant-design-vue/components/float-button/__tests__/index.test.js

49 lines
1.2 KiB
JavaScript

import FloatButton from '../index';
import { mount } from '@vue/test-utils';
import mountTest from '../../../tests/shared/mountTest';
describe('FloatButton', () => {
mountTest(FloatButton);
mountTest(FloatButton.Group);
it('renders correctly', () => {
const wrapper = mount({
render() {
return <FloatButton></FloatButton>;
},
});
expect(wrapper.html()).toMatchSnapshot();
});
it('create primary button', () => {
const wrapper = mount({
render() {
return <FloatButton type="primary">按钮</FloatButton>;
},
});
expect(wrapper.find('.ant-float-btn-primary').exists()).toBe(true);
});
it('fixbug renders {0} , 0 and {false}', () => {
const wrapper = mount({
render() {
return <FloatButton>{0}</FloatButton>;
},
});
expect(wrapper.html()).toMatchSnapshot();
const wrapper1 = mount({
render() {
return <FloatButton>0</FloatButton>;
},
});
expect(wrapper1.html()).toMatchSnapshot();
const wrapper2 = mount({
render() {
return <FloatButton>{false}</FloatButton>;
},
});
expect(wrapper2.html()).toMatchSnapshot();
});
});