mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 09:50:58 +08:00
59 lines
1.4 KiB
TypeScript
59 lines
1.4 KiB
TypeScript
import { mount } from '@vue/test-utils'
|
|
import { describe, expect, test } from 'vitest'
|
|
import Divider from '../src/divider.vue'
|
|
|
|
const AXIOM = 'Rem is the best girl'
|
|
|
|
describe('Divider.vue', () => {
|
|
test('render test', () => {
|
|
const wrapper = mount(() => (
|
|
<Divider
|
|
v-slots={{
|
|
default: () => AXIOM,
|
|
}}
|
|
/>
|
|
))
|
|
expect(wrapper.text()).toBe(AXIOM)
|
|
})
|
|
|
|
test('direction', () => {
|
|
const wrapper = mount(() => <Divider direction="vertical" />)
|
|
expect(wrapper.classes()).toContain('el-divider--vertical')
|
|
})
|
|
|
|
test('contentPosition', () => {
|
|
const wrapper = mount(() => (
|
|
<Divider
|
|
v-slots={{
|
|
default: () => AXIOM,
|
|
}}
|
|
contentPosition="right"
|
|
/>
|
|
))
|
|
expect(wrapper.find('.el-divider__text').classes()).toContain('is-right')
|
|
})
|
|
|
|
test('customClass', () => {
|
|
const wrapper = mount(() => <Divider class="customClass" />)
|
|
expect(wrapper.classes()).toContain('customClass')
|
|
})
|
|
|
|
test('line-dashed', () => {
|
|
const wrapper = mount(() => <Divider borderStyle="dashed" />)
|
|
expect(
|
|
getComputedStyle(wrapper.element, null).getPropertyValue(
|
|
'--el-border-style'
|
|
)
|
|
).toBe('dashed')
|
|
})
|
|
|
|
test('line-solid', () => {
|
|
const wrapper = mount(() => <Divider direction="vertical" />)
|
|
expect(
|
|
getComputedStyle(wrapper.element, null).getPropertyValue(
|
|
'--el-border-style'
|
|
)
|
|
).toBe('solid')
|
|
})
|
|
})
|