2017-03-02 00:16:37 +08:00
|
|
|
import React from 'react';
|
2018-07-11 19:31:36 +08:00
|
|
|
import { mount, render } from 'enzyme';
|
2017-03-02 00:16:37 +08:00
|
|
|
import Tabs from '..';
|
2019-08-26 22:53:20 +08:00
|
|
|
import mountTest from '../../../tests/shared/mountTest';
|
2020-01-02 19:10:16 +08:00
|
|
|
import rtlTest from '../../../tests/shared/rtlTest';
|
2017-03-02 00:16:37 +08:00
|
|
|
|
|
|
|
const { TabPane } = Tabs;
|
|
|
|
|
|
|
|
describe('Tabs', () => {
|
2019-08-29 23:41:46 +08:00
|
|
|
mountTest(() => (
|
|
|
|
<Tabs>
|
|
|
|
<TabPane tab="xx" key="xx" />
|
|
|
|
</Tabs>
|
|
|
|
));
|
2020-01-02 19:10:16 +08:00
|
|
|
rtlTest(() => (
|
|
|
|
<Tabs>
|
|
|
|
<TabPane tab="xx" key="xx" />
|
|
|
|
</Tabs>
|
|
|
|
));
|
2019-08-26 22:53:20 +08:00
|
|
|
|
2017-03-02 00:16:37 +08:00
|
|
|
describe('editable-card', () => {
|
|
|
|
let handleEdit;
|
|
|
|
let wrapper;
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
handleEdit = jest.fn();
|
|
|
|
wrapper = mount(
|
|
|
|
<Tabs type="editable-card" onEdit={handleEdit}>
|
2018-12-07 16:17:45 +08:00
|
|
|
<TabPane tab="foo" key="1">
|
|
|
|
foo
|
|
|
|
</TabPane>
|
2019-07-30 16:10:14 +08:00
|
|
|
{undefined}
|
|
|
|
{null}
|
|
|
|
{false}
|
2018-12-07 16:17:45 +08:00
|
|
|
</Tabs>,
|
2017-03-02 00:16:37 +08:00
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('add card', () => {
|
2020-05-30 18:28:25 +08:00
|
|
|
wrapper.find('.ant-tabs-nav-add').first().simulate('click');
|
2017-03-02 00:16:37 +08:00
|
|
|
expect(handleEdit.mock.calls[0][1]).toBe('add');
|
|
|
|
});
|
|
|
|
|
|
|
|
it('remove card', () => {
|
|
|
|
wrapper.find('.anticon-close').simulate('click');
|
2019-04-03 15:54:26 +08:00
|
|
|
expect(handleEdit).toHaveBeenCalledWith('1', 'remove');
|
2017-03-02 00:16:37 +08:00
|
|
|
});
|
2019-07-30 16:10:14 +08:00
|
|
|
|
|
|
|
it('validateElement', () => {
|
|
|
|
expect(wrapper.find('.ant-tabs-tab').length).toBe(1);
|
|
|
|
});
|
2017-03-02 00:16:37 +08:00
|
|
|
});
|
2017-08-05 23:01:28 +08:00
|
|
|
|
|
|
|
describe('tabPosition', () => {
|
|
|
|
it('remove card', () => {
|
2018-07-11 19:31:36 +08:00
|
|
|
const wrapper = render(
|
2017-08-05 23:01:28 +08:00
|
|
|
<Tabs tabPosition="left" tabBarExtraContent="xxx">
|
2018-12-07 16:17:45 +08:00
|
|
|
<TabPane tab="foo" key="1">
|
|
|
|
foo
|
|
|
|
</TabPane>
|
|
|
|
</Tabs>,
|
2017-08-05 23:01:28 +08:00
|
|
|
);
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
|
|
});
|
|
|
|
});
|
2018-08-28 18:56:25 +08:00
|
|
|
|
|
|
|
describe('renderTabBar', () => {
|
|
|
|
it('custom-tab-bar', () => {
|
|
|
|
const wrapper = render(
|
|
|
|
<Tabs renderTabBar={() => <div>custom-tab-bar</div>}>
|
2018-12-07 16:17:45 +08:00
|
|
|
<TabPane tab="foo" key="1">
|
|
|
|
foo
|
|
|
|
</TabPane>
|
|
|
|
</Tabs>,
|
2018-08-28 18:56:25 +08:00
|
|
|
);
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
|
|
});
|
|
|
|
});
|
2020-05-30 18:28:25 +08:00
|
|
|
|
|
|
|
it('warning for onNextClick', () => {
|
|
|
|
const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
|
|
|
|
mount(<Tabs onNextClick={() => {}} />);
|
|
|
|
expect(errorSpy).toHaveBeenCalledWith(
|
|
|
|
'Warning: [antd: Tabs] `onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.',
|
|
|
|
);
|
|
|
|
errorSpy.mockRestore();
|
|
|
|
});
|
2021-05-24 16:24:00 +08:00
|
|
|
|
|
|
|
it('tabBarGutter should work', () => {
|
|
|
|
const wrapper = mount(<Tabs tabBarGutter={0}><TabPane /><TabPane /><TabPane /></Tabs>);
|
|
|
|
expect(wrapper).toMatchRenderedSnapshot();
|
|
|
|
const wrapper2 = mount(<Tabs tabBarGutter={0} tabPosition="left"><TabPane /><TabPane /><TabPane /></Tabs>);
|
|
|
|
expect(wrapper2).toMatchRenderedSnapshot();
|
|
|
|
});
|
2017-03-02 00:16:37 +08:00
|
|
|
});
|