test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-04 20:27:44 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refactor(components): [image-viewer] use JSX in Unit test (#9717)

Browse Source
This commit is contained in:
zz 2022-09-09 11:28:45 +08:00 committed by GitHub
parent 3b264a106f
commit 0296ba2fb7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/components/image-viewer/__tests__/image-viewer.test.ts → packages/components/image-viewer/__tests__/image-viewer.test.tsx
View File

@ -1,16 +1,9 @@
import { nextTick } from 'vue'
import { mount } from '@vue/test-utils'
import { describe, expect, test } from 'vitest'
import { IMAGE_SUCCESS } from '@element-plus/test-utils/mock'
import makeMount from '@element-plus/test-utils/make-mount'
import ImageViewer from '../src/image-viewer.vue'
const mount = makeMount(ImageViewer, {
props: {
urlList: [IMAGE_SUCCESS],
},
})
async function doubleWait() {
await nextTick()
await nextTick()
@ -18,7 +11,8 @@ async function doubleWait() {
describe('<image-viewer />', () => {
test('big image preview', async () => {
const wrapper = mount()
const wrapper = mount(<ImageViewer urlList={[IMAGE_SUCCESS]} />)
await doubleWait()
const viewer = wrapper.find('.el-image-viewer__wrapper')
expect(viewer.exists()).toBe(true)
@ -28,7 +22,7 @@ describe('<image-viewer />', () => {
})
test('image preview hide-click-on-modal', async () => {
const wrapper = mount()
const wrapper = mount(<ImageViewer urlList={[IMAGE_SUCCESS]} />)
await doubleWait()
const viewer = wrapper.find('.el-image-viewer__wrapper')
@ -46,11 +40,9 @@ describe('<image-viewer />', () => {
})
test('manually switch image', async () => {
const wrapper = mount({
props: {
urlList: [IMAGE_SUCCESS, IMAGE_SUCCESS],
},
})
const wrapper = mount(
<ImageViewer urlList={[IMAGE_SUCCESS, IMAGE_SUCCESS]} />
)
await doubleWait()
const viewer = wrapper.find('.el-image-viewer__wrapper')