diff --git a/packages/nc-gui-v2/components/webhook/Editor.vue b/packages/nc-gui-v2/components/webhook/Editor.vue
index f36b0ad0a6..4713e988c2 100644
--- a/packages/nc-gui-v2/components/webhook/Editor.vue
+++ b/packages/nc-gui-v2/components/webhook/Editor.vue
@@ -57,6 +57,8 @@ const urlTabKey = ref('body')
 
 const apps: Record<string, any> = ref()
 
+const webhookTestRef = ref()
+
 const slackChannels = ref()
 
 const teamsChannels = ref()
@@ -326,6 +328,10 @@ async function saveHooks() {
   })
 }
 
+async function testWebhook() {
+  await webhookTestRef.value.testWebhook()
+}
+
 onMounted(() => {
   loadPluginList()
 })
@@ -340,7 +346,7 @@ onMounted(() => {
       </div>
     </div>
     <div class="float-right mb-5">
-      <a-button class="mr-3" type="primary" size="large" @click="emit('editOrAdd')">
+      <a-button class="mr-3" type="primary" size="large" @click="testWebhook">
         <div class="flex items-center">
           <MdiGestureDoubleTapIcon class="mr-2" />
           <!-- TODO: i18n -->
@@ -542,6 +548,7 @@ onMounted(() => {
             </div>
           </div>
           <WebhookTest
+            ref="webhookTestRef"
             :hook="{
               ...hook,
               filters,
@@ -555,4 +562,4 @@ onMounted(() => {
       </a-row>
     </a-form-item>
   </a-form>
-</template>
\ No newline at end of file
+</template>