diff --git a/packages/directives/__tests__/repeat-click.test.ts b/packages/directives/__tests__/repeat-click.test.tsx
similarity index 71%
rename from packages/directives/__tests__/repeat-click.test.ts
rename to packages/directives/__tests__/repeat-click.test.tsx
index fe5957b917..7f3f76b56d 100644
--- a/packages/directives/__tests__/repeat-click.test.ts
+++ b/packages/directives/__tests__/repeat-click.test.tsx
@@ -5,19 +5,24 @@ import RepeatClick from '../repeat-click'
 
 const handler = vi.fn()
 const _mount = () =>
-  mount({
-    template: `
-  <div id="block" v-repeat-click="onClick">TEST</div>
-  `,
-    directives: {
-      repeatClick: RepeatClick,
-    },
-    methods: {
-      onClick() {
-        handler()
+  mount(
+    {
+      setup() {
+        return () => (
+          <div id="block" v-repeat-click={handler}>
+            TEST
+          </div>
+        )
       },
     },
-  })
+    {
+      global: {
+        directives: {
+          RepeatClick,
+        },
+      },
+    }
+  )
 
 describe('Directives.vue', () => {
   test('Click test', async () => {