chore: test config

Author: zombieJ

src/SelectInput/Input.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { useSelectInputContext } from './context';
-import useBaseProps from '../hooks/useBaseProps';
 
 export interface InputProps {
   disabled?: boolean;
@@ -19,9 +18,8 @@ export interface InputProps {
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
   const { onChange, onKeyDown, onBlur, ...restProps } = props;
-  const { prefixCls, mode, onSearch, onSearchSubmit, onInputBlur, maxLength, autoFocus } =
+  const { prefixCls, mode, onSearch, onSearchSubmit, onInputBlur, autoFocus } =
     useSelectInputContext();
-  const { triggerOpen } = useBaseProps();
 
   const inputCls = `${prefixCls}-input`;
 
@@ -47,13 +45,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
     const { value } = event.currentTarget;
 
     // Handle Enter key submission - referencing Selector implementation
-    if (
-      key === 'Enter' &&
-      mode === 'tags' &&
-      !compositionStatusRef.current &&
-      !triggerOpen &&
-      onSearchSubmit
-    ) {
+    if (key === 'Enter' && mode === 'tags' && !compositionStatusRef.current && onSearchSubmit) {
       onSearchSubmit(value);
     }
 

src/SelectInput/index.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import Affix from './Affix';
 import SelectContent from './Content';
-import SelectInputContext, { type ContentContextProps } from './context';
+import SelectInputContext from './context';
 import type { DisplayValueType, Mode } from '../interface';
 
 export interface SelectInputRef {
@@ -95,6 +95,18 @@ export default React.forwardRef<SelectInputRef, SelectInputProps>(function Selec
   const rootRef = React.useRef<HTMLDivElement>(null);
   const inputRef = React.useRef<HTMLInputElement>(null);
 
+  // Wrap onSearch to trigger dropdown open when typing
+  const onInternalSearch = useEvent(
+    (searchText: string, fromTyping: boolean, isCompositing: boolean) => {
+      // Open dropdown when user is typing and not compositing
+      if (fromTyping && !isCompositing && !triggerOpen) {
+        toggleOpen(true);
+      }
+
+      onSearch?.(searchText, fromTyping, isCompositing);
+    },
+  );
+
   // ====================== Refs ======================
   React.useImperativeHandle(
     ref,
@@ -134,8 +146,14 @@ export default React.forwardRef<SelectInputRef, SelectInputProps>(function Selec
   // ===================== Render =====================
   const domProps = omit(restProps, DEFAULT_OMIT_PROPS);
 
+  // Create context value with wrapped onSearch
+  const contextValue = {
+    ...props,
+    onSearch: onInternalSearch,
+  };
+
   return (
-    <SelectInputContext.Provider value={props}>
+    <SelectInputContext.Provider value={contextValue}>
       <div
         {...domProps}
         // Style

src/hooks/useOpen.ts

@@ -40,8 +40,6 @@ export default function useOpen(
       return;
     }
 
-    console.error('toggleOpen', nextOpenVal);
-
     if (nextOpenVal) {
       triggerEvent(true);
       return;

tests/Combobox.test.tsx

@@ -239,7 +239,9 @@ describe('Select.Combobox', () => {
       fireEvent.change(container.querySelector('input')!, { target: { value: '0' } });
       expectOpen(container);
 
+      console.log('!11111111111111');
       selectItem(container);
+      console.log('!2222222222222');
       jest.runAllTimers();
       expectOpen(container, false);
       jest.useRealTimers();

tests/setup.ts

@@ -1 +1,28 @@
-window.MessageChannel = require('worker_threads').MessageChannel;
+window.MessageChannel = class {
+  port1: any;
+  port2: any;
+
+  constructor() {
+    const createPort = () => {
+      const port = {
+        onmessage: null,
+        postMessage: (message: any) => {
+          setTimeout(() => {
+            if (port._target && typeof port._target.onmessage === 'function') {
+              port._target.onmessage({ data: message });
+            }
+          }, 0);
+        },
+        _target: null,
+      };
+      return port;
+    };
+
+    const port1 = createPort();
+    const port2 = createPort();
+    port1._target = port2;
+    port2._target = port1;
+    this.port1 = port1;
+    this.port2 = port2;
+  }
+} as any;