refactor(tests): remove unnecessary comments and improve test clarity across various plugin test files

web/app/components/plugins/plugin-page/filter-management/category-filter.spec.tsx

@@ -13,23 +13,8 @@ vi.mock('@remixicon/react', () => ({
   RiCloseCircleFill: ({ onClick }: { onClick?: (e: React.MouseEvent) => void }) => (
     <span data-testid="icon-clear" onClick={onClick} />
   ),
-}))
-
-vi.mock('@/app/components/base/checkbox', () => ({
-  default: ({ checked }: { checked: boolean }) => (
-    <input type="checkbox" data-testid="checkbox" checked={checked} readOnly />
-  ),
-}))
-
-vi.mock('@/app/components/base/input', () => ({
-  default: ({ value, onChange, placeholder }: {
-    value: string
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
-    placeholder: string
-    [key: string]: unknown
-  }) => (
-    <input data-testid="search-input" value={value} onChange={onChange} placeholder={placeholder} />
-  ),
+  RiSearchLine: () => <span data-testid="icon-search" />,
+  RiCheckLine: () => <span data-testid="icon-check" />,
 }))
 
 vi.mock('@/app/components/base/portal-to-follow-elem', () => ({

web/app/components/plugins/plugin-page/filter-management/search-box.spec.tsx

@@ -8,22 +8,6 @@ vi.mock('react-i18next', () => ({
   }),
 }))
 
-vi.mock('@/app/components/base/input', () => ({
-  default: ({ value, onChange, placeholder }: {
-    value: string
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
-    placeholder: string
-    [key: string]: unknown
-  }) => (
-    <input
-      data-testid="search-input"
-      value={value}
-      onChange={onChange}
-      placeholder={placeholder}
-    />
-  ),
-}))
-
 describe('SearchBox', () => {
   let SearchBox: (typeof import('./search-box'))['default']
 
@@ -36,20 +20,20 @@ describe('SearchBox', () => {
   it('should render input with placeholder', () => {
     render(<SearchBox searchQuery="" onChange={vi.fn()} />)
 
-    expect(screen.getByTestId('search-input')).toHaveAttribute('placeholder', 'search')
+    expect(screen.getByRole('textbox')).toHaveAttribute('placeholder', 'search')
   })
 
   it('should display current search query', () => {
     render(<SearchBox searchQuery="test query" onChange={vi.fn()} />)
 
-    expect(screen.getByTestId('search-input')).toHaveValue('test query')
+    expect(screen.getByRole('textbox')).toHaveValue('test query')
   })
 
   it('should call onChange when input changes', () => {
     const mockOnChange = vi.fn()
     render(<SearchBox searchQuery="" onChange={mockOnChange} />)
 
-    fireEvent.change(screen.getByTestId('search-input'), { target: { value: 'new query' } })
+    fireEvent.change(screen.getByRole('textbox'), { target: { value: 'new query' } })
     expect(mockOnChange).toHaveBeenCalledWith('new query')
   })
 })