mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
50 lines
1.7 KiB
TypeScript
50 lines
1.7 KiB
TypeScript
import { mount } from '@vue/test-utils'
|
|
import { describe, expect, test } from 'vitest'
|
|
import { TypeComponentsMap } from '@element-plus/utils'
|
|
import Alert from '../src/alert.vue'
|
|
|
|
const AXIOM = 'Rem is the best girl'
|
|
|
|
describe('Alert.vue', () => {
|
|
test('render test & class', () => {
|
|
const wrapper = mount(() => <Alert title={AXIOM} showIcon={true} />)
|
|
expect(wrapper.find('.el-alert__title').text()).toEqual(AXIOM)
|
|
expect(wrapper.find('.el-alert').classes()).toContain('el-alert--info')
|
|
})
|
|
|
|
test('type', () => {
|
|
const wrapper = mount(() => (
|
|
<Alert title={'test'} showIcon={true} type={'success'} />
|
|
))
|
|
expect(wrapper.find('.el-alert').classes()).toContain('el-alert--success')
|
|
expect(wrapper.find('.el-alert__icon').classes()).toContain('el-icon')
|
|
expect(wrapper.findComponent(TypeComponentsMap.success).exists()).toBe(true)
|
|
})
|
|
|
|
test('description', () => {
|
|
const wrapper = mount(() => (
|
|
<Alert title={'Dorne'} showIcon={true} description={AXIOM} />
|
|
))
|
|
expect(wrapper.find('.el-alert__description').text()).toEqual(AXIOM)
|
|
})
|
|
|
|
test('theme', () => {
|
|
const wrapper = mount(() => <Alert title={'test'} effect={'dark'} />)
|
|
expect(wrapper.find('.el-alert').classes()).toContain('is-dark')
|
|
})
|
|
|
|
test('title slot', () => {
|
|
const wrapper = mount(() => <Alert title={AXIOM} />)
|
|
expect(wrapper.find('.el-alert__title').text()).toEqual(AXIOM)
|
|
})
|
|
|
|
test('close', async () => {
|
|
const wrapper = mount(() => <Alert closeText={'close'} />)
|
|
const closeBtn = wrapper.find('.el-alert__close-btn')
|
|
expect(closeBtn.exists()).toBe(true)
|
|
|
|
await closeBtn.trigger('click')
|
|
expect(wrapper.emitted()).toBeDefined()
|
|
})
|
|
})
|