mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-16 02:11:48 +08:00
1d13ebb05d
* feat: drop jest * test: remove ssr * test: rename * chore: update tsconfig
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import { mount } from '@vue/test-utils'
|
|
import { afterEach, beforeEach, describe, expect, it } from 'vitest'
|
|
import Teleport from '../src/teleport.vue'
|
|
import type { VueWrapper } from '@vue/test-utils'
|
|
import type { TeleportInstance } from '../src/teleport'
|
|
|
|
const AXIOM = 'rem is the best girl'
|
|
|
|
describe('ElTelport', () => {
|
|
let wrapper: VueWrapper<TeleportInstance>
|
|
|
|
beforeEach(() => {
|
|
wrapper = mount(Teleport, {
|
|
slots: { default: () => AXIOM },
|
|
})
|
|
})
|
|
|
|
afterEach(() => {
|
|
wrapper.unmount()
|
|
})
|
|
|
|
it('should render slot correctly', () => {
|
|
expect(wrapper.text()).toBe('')
|
|
expect(document.body.textContent).toBe(AXIOM)
|
|
expect(wrapper.vm.containerRef).toBeDefined()
|
|
})
|
|
|
|
describe('props', () => {
|
|
it('should be able to set customized style', async () => {
|
|
const style = {
|
|
color: 'red',
|
|
}
|
|
|
|
await wrapper.setProps({ style })
|
|
expect(getComputedStyle(wrapper.vm?.containerRef!).color).toBe(
|
|
style.color
|
|
)
|
|
})
|
|
|
|
it('should be able to set z-index', async () => {
|
|
const zIndex = '10000'
|
|
await wrapper.setProps({ zIndex })
|
|
expect(getComputedStyle(wrapper.vm?.containerRef!).zIndex).toBe(zIndex)
|
|
})
|
|
})
|
|
})
|