diff --git a/packages/components/icon/__tests__/icon.test.ts b/packages/components/icon/__tests__/icon.test.tsx
similarity index 75%
rename from packages/components/icon/__tests__/icon.test.ts
rename to packages/components/icon/__tests__/icon.test.tsx
index 217c4014a0..eeefe12c48 100644
--- a/packages/components/icon/__tests__/icon.test.ts
+++ b/packages/components/icon/__tests__/icon.test.tsx
@@ -4,12 +4,7 @@ import Icon from '../src/icon.vue'
 
 describe('Icon.vue', () => {
   test('render', () => {
-    const wrapper = mount(Icon, {
-      props: {
-        color: '#000000',
-        size: 18,
-      },
-    })
+    const wrapper = mount(() => <Icon color="#000000" size={18} />)
     expect(wrapper.element.getAttribute('style')).toContain(`--color: #000000`)
     expect(wrapper.element.getAttribute('style')).toContain(`font-size: 18px`)
   })