mirror of
https://github.com/element-plus/element-plus.git
synced 2025-01-06 10:38:31 +08:00
cff124ceca
* refactor(components): refactor breadcrumb
* fix
* Revert "fix"
This reverts commit 5e096c5106.
60 lines
1.6 KiB
TypeScript
60 lines
1.6 KiB
TypeScript
import { mount } from '@vue/test-utils'
|
|
import Breadcrumb from '../src/breadcrumb.vue'
|
|
import BreadcrumbItem from '../src/breadcrumb-item.vue'
|
|
|
|
const _mount = (template: string) =>
|
|
mount(
|
|
{
|
|
components: {
|
|
'el-breadcrumb': Breadcrumb,
|
|
'el-breadcrumb-item': BreadcrumbItem,
|
|
},
|
|
template,
|
|
},
|
|
{
|
|
global: {
|
|
provide: {
|
|
breadcrumb: {},
|
|
},
|
|
},
|
|
}
|
|
)
|
|
|
|
describe('Breadcrumb.vue', () => {
|
|
test('separator', () => {
|
|
const wrapper = _mount(`
|
|
<el-breadcrumb separator="?">
|
|
<el-breadcrumb-item>A</el-breadcrumb-item>
|
|
</el-breadcrumb>
|
|
`)
|
|
expect(wrapper.find('.el-breadcrumb__separator').text()).toBe('?')
|
|
})
|
|
|
|
test('separatorClass', () => {
|
|
const wrapper = _mount(`
|
|
<el-breadcrumb separator="?" separatorClass="test">
|
|
<el-breadcrumb-item>A</el-breadcrumb-item>
|
|
</el-breadcrumb>
|
|
`)
|
|
expect(wrapper.find('.el-breadcrumb__separator').text()).toBe('')
|
|
expect(wrapper.find('.el-breadcrumb__separator').classes()).toContain(
|
|
'test'
|
|
)
|
|
})
|
|
|
|
test('to', () => {
|
|
const wrapper = _mount(`
|
|
<el-breadcrumb separator="?" separatorClass="test">
|
|
<el-breadcrumb-item to="/index">A</el-breadcrumb-item>
|
|
</el-breadcrumb>
|
|
`)
|
|
expect(wrapper.find('.el-breadcrumb__inner').classes()).toContain('is-link')
|
|
})
|
|
|
|
test('single', () => {
|
|
const wrapper = _mount('<el-breadcrumb-item>A</el-breadcrumb-item>')
|
|
expect(wrapper.find('.el-breadcrumb__inner').text()).toBe('A')
|
|
expect(wrapper.find('.el-breadcrumb__separator').text()).toBe('')
|
|
})
|
|
})
|