mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 01:11:25 +08:00
67 lines
1.4 KiB
TypeScript
67 lines
1.4 KiB
TypeScript
|
import makeMount from '../../test-utils/make-mount'
|
||
|
import Popover from '../src/index.vue'
|
||
|
|
||
|
const AXIOM = 'Rem is the best girl'
|
||
|
|
||
|
const mount = makeMount(Popover, {
|
||
|
slots: {
|
||
|
default: AXIOM,
|
||
|
},
|
||
|
})
|
||
|
describe('Popover.vue', () => {
|
||
|
test('render test', () => {
|
||
|
const wrapper = mount()
|
||
|
expect(wrapper.text()).toEqual(AXIOM)
|
||
|
})
|
||
|
|
||
|
test('should render with title', () => {
|
||
|
const title = 'test title'
|
||
|
const wrapper = mount({
|
||
|
props: {
|
||
|
title,
|
||
|
},
|
||
|
})
|
||
|
|
||
|
expect(wrapper.text()).toContain(title)
|
||
|
})
|
||
|
|
||
|
test('should modify popover\'s style with width', async () => {
|
||
|
const wrapper = mount({
|
||
|
props: {
|
||
|
width: 200,
|
||
|
},
|
||
|
})
|
||
|
|
||
|
expect(wrapper.find('.el-popover').attributes('style')).toContain('width: 200px')
|
||
|
|
||
|
await wrapper.setProps({
|
||
|
width: '100vw',
|
||
|
})
|
||
|
|
||
|
|
||
|
expect(wrapper.find('.el-popover').attributes('style')).toContain('width: 100vw')
|
||
|
})
|
||
|
|
||
|
test('the content should be overrode by slots', () => {
|
||
|
const content = 'test content'
|
||
|
const wrapper = mount({
|
||
|
props: {
|
||
|
content,
|
||
|
},
|
||
|
})
|
||
|
expect(wrapper.text()).toContain(AXIOM)
|
||
|
})
|
||
|
|
||
|
test('should render content when no slots were passed', () => {
|
||
|
|
||
|
const content = 'test content'
|
||
|
const wrapper = makeMount(Popover, {
|
||
|
props: {
|
||
|
content,
|
||
|
},
|
||
|
})()
|
||
|
|
||
|
expect(wrapper.text()).toBe(content)
|
||
|
})
|
||
|
})
|