From 8e093a2b25032d0ad443948286aff094b97864c2 Mon Sep 17 00:00:00 2001
From: CodingOnStar <hanxujiang@dify.com>
Date: Wed, 25 Mar 2026 17:41:00 +0800
Subject: [PATCH] test: update GenericTable tests to use button interactions
 for method selection

---
 .../__tests__/generic-table.spec.tsx          | 39 ++-----------------
 1 file changed, 3 insertions(+), 36 deletions(-)

diff --git a/web/app/components/workflow/nodes/trigger-webhook/components/__tests__/generic-table.spec.tsx b/web/app/components/workflow/nodes/trigger-webhook/components/__tests__/generic-table.spec.tsx
index b49c4dd911..90c3bda891 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/components/__tests__/generic-table.spec.tsx
+++ b/web/app/components/workflow/nodes/trigger-webhook/components/__tests__/generic-table.spec.tsx
@@ -3,40 +3,6 @@ import userEvent from '@testing-library/user-event'
 import { useState } from 'react'
 import GenericTable from '../generic-table'
 
-vi.mock('@/app/components/base/select', () => ({
-  SimpleSelect: ({
-    items,
-    defaultValue,
-    onSelect,
-    disabled,
-    placeholder,
-  }: {
-    items: Array<{ name: string, value: string }>
-    defaultValue?: string
-    onSelect: (item: { name: string, value: string }) => void
-    disabled?: boolean
-    placeholder?: string
-  }) => (
-    <select
-      aria-label={placeholder ?? 'Select'}
-      disabled={disabled}
-      value={defaultValue ?? ''}
-      onChange={(e) => {
-        const item = items.find(item => item.value === e.target.value)
-        if (item)
-          onSelect(item)
-      }}
-    >
-      <option value="">{placeholder ?? 'Select'}</option>
-      {items.map(item => (
-        <option key={item.value} value={item.value}>
-          {item.name}
-        </option>
-      ))}
-    </select>
-  ),
-}))
-
 const columns = [
   {
     key: 'name',
@@ -178,11 +144,12 @@ describe('GenericTable', () => {
       <ControlledTable />,
     )
 
-    await user.selectOptions(screen.getAllByRole('combobox', { name: 'Choose method' })[0], 'post')
+    await user.click(screen.getByRole('button', { name: 'Choose method' }))
+    await user.click(await screen.findByRole('option', { name: 'POST' }))
 
     await waitFor(() => {
       expect(onChange).toHaveBeenCalledWith([{ method: 'post', preview: '' }])
-      expect(screen.getAllByRole('combobox', { name: 'Choose method' })[0]).toHaveValue('post')
+      expect(screen.getByRole('button', { name: 'POST' })).toBeInTheDocument()
     })
 
     onChange.mockClear()