diff --git a/packages/components/image-viewer/__tests__/image-viewer.test.ts b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
similarity index 84%
rename from packages/components/image-viewer/__tests__/image-viewer.test.ts
rename to packages/components/image-viewer/__tests__/image-viewer.test.tsx
index afe39bcef5..22c1fdb8da 100644
--- a/packages/components/image-viewer/__tests__/image-viewer.test.ts
+++ b/packages/components/image-viewer/__tests__/image-viewer.test.tsx
@@ -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('', () => {
test('big image preview', async () => {
- const wrapper = mount()
+ const wrapper = mount()
+
await doubleWait()
const viewer = wrapper.find('.el-image-viewer__wrapper')
expect(viewer.exists()).toBe(true)
@@ -28,7 +22,7 @@ describe('', () => {
})
test('image preview hide-click-on-modal', async () => {
- const wrapper = mount()
+ const wrapper = mount()
await doubleWait()
const viewer = wrapper.find('.el-image-viewer__wrapper')
@@ -46,11 +40,9 @@ describe('', () => {
})
test('manually switch image', async () => {
- const wrapper = mount({
- props: {
- urlList: [IMAGE_SUCCESS, IMAGE_SUCCESS],
- },
- })
+ const wrapper = mount(
+
+ )
await doubleWait()
const viewer = wrapper.find('.el-image-viewer__wrapper')