You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.1 KiB
50 lines
1.1 KiB
7 years ago
|
import { mount } from '@vue/test-utils'
|
||
|
|
import Tabs from '..'
|
||
|
|
|
||
|
|
const { TabPane } = Tabs
|
||
|
|
|
||
|
|
describe('Tabs', () => {
|
||
|
|
describe('editable-card', () => {
|
||
|
|
let handleEdit
|
||
|
|
let wrapper
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
handleEdit = jest.fn()
|
||
|
|
wrapper = mount({
|
||
|
|
render () {
|
||
|
|
return (
|
||
|
|
<Tabs type='editable-card' onEdit={handleEdit}>
|
||
|
|
<TabPane tab='foo' key='1'>foo</TabPane>
|
||
|
|
</Tabs>
|
||
|
|
)
|
||
|
|
},
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
it('add card', () => {
|
||
|
|
wrapper.find('.ant-tabs-new-tab').trigger('click')
|
||
|
|
expect(handleEdit.mock.calls[0][1]).toBe('add')
|
||
|
|
})
|
||
|
|
|
||
|
|
it('remove card', () => {
|
||
|
|
wrapper.find('.anticon-close').trigger('click')
|
||
|
|
expect(handleEdit).toBeCalledWith('1', 'remove')
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
describe('tabPosition', () => {
|
||
|
|
it('remove card', () => {
|
||
|
|
const wrapper = mount({
|
||
|
|
render () {
|
||
|
|
return (
|
||
|
|
<Tabs tabPosition='left' tabBarExtraContent='xxx'>
|
||
|
|
<TabPane tab='foo' key='1'>foo</TabPane>
|
||
|
|
</Tabs>
|
||
|
|
)
|
||
|
|
},
|
||
|
|
})
|
||
|
|
expect(wrapper.html()).toMatchSnapshot()
|
||
|
|
})
|
||
|
|
})
|
||
|
|
})
|